Как сдвинуть меню вправо?

Question

[Дмитрий Сергеев]

Здравствуйте дорогие пользователи данного сайта.
Я здесь новичок , поэтому надеюсь вы меня не осудите за столь банальный для вас вопрос, но с моей стороны возникли трудности, поэтому прошу помощи у вас.
Нужно сдвинуть меню так чтобы оно сравнялось с банером на сайте.
Пациент вот : https://dostavkacvetov365.ru
Я облазил уже и header.php , и style.css и тд и тп. максимум что я нашёл это сдвиг через :
, и как вы поняли , раз я пишу сюда , то у меня не вышло выравнять . Оно либо не доходит до краёв , либо за них выходит.
Поскольку я довольно таки слабоват в работе с wordpress , то будьте любезны разжевать решение так , чтоб даже самый глупый человек понял. Заранее благодарю всех кто откликнулся.

Comments

[Lord_Dantes]

Это верстка не Wordpress.

[Rustam Bainazarov]

Поскольку я довольно таки слабоват в работе с wordpress , то будьте любезны разжевать решение так , чтоб даже самый глупый человек понял.

Это не вопрос не к WordPress, а к вёрстке. Вам скинуть ссылку на учебник по вёрстке, где всё как раз разжёвывается? Навряд ли кто-то будет тут писать ответ с пояснениями на несколько страниц. Это задание больше, чем вопрос.

Answer 1

[Анита Ковалева]

Находите класс которым описана стилизация меню, и если не хотите особо заморачиваться, напишите к этому классу - transform: translateX(-50px) - где 50 px нужное вам значение по горизонтали. Сразу предупреждаю - это не самый лучший подход и при смене разрешения экрана, вам контент будет ползти.

Как и написали выше - проблема с версткой, и с горе верстальщиком)

Comments

[Дмитрий Сергеев]

это в style.css нужно искать?

[Дмитрий Сергеев]

Спасибо вам большое) думал не вышло ничего , присмотрелся, а там опечаточка в Transfrom)) огромное спасибо

[Анита Ковалева]

Дмитрий Куршаков, не за что)

Answer 2

[Kirill Udaltsov]

В Bootstrap есть два вида контейнеров, баннер, как и весь контент у тебя находится в контейнере с фиксированной шириной .container, а шапка сайта, в которой содержится меню обернута в .container-fluid с резиновой шириной, то есть он тянется.



Тебе нужно изменить .container-fluid на .container и внутри контейнера в div с классом flex-middle поставить css-свойство justyfi-content: between чтобы выравнять содержимое шапки по краям



https://getbootstrap.com/docs/4.0/layout/overview/

Comments

[Дмитрий Сергеев]

сделал всё как вы написали, к сожалению не помогло

[Дмитрий Сергеев]

не сработало по причине опечатки , вы опечатались, а я скопировал) сдвиг есть, но не так как нужно(