Сайт находится на Squarespace, если это имеет значение. Это только для мобильных устройств. Я заменил стандартное меню гамбургера словом «Меню» и черной рамкой со следующим кодом:
button.header-burger-btn.burger {
visibility: hidden;
}
button.header-burger-btn.burger:after {
visibility: visible;
content: "Menu";
font-family: poppins;
border: solid;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
color: #000;
font-size: 20px;
}
Исходное меню гамбургера было выровнено по горизонтали с lo go в классе «header-display» .
Когда я отправлял пользовательский CSS над кнопкой Меню, теперь он находится ниже на экране. Я хочу выровнять его по той же горизонтальной линии, что и «заголовок-дисплей», чтобы он находился прямо напротив нашего lo go в навигационной панели.