При 1024пх из-за бургера появляется горизонтальный скролл! Как исправить?

Question

[Максим Иванов]

При 1024пх и ниже из-за бургера появляется горизонтальный скролл! Как исправить?

https://roderen.github.io/onegin/
https://github.com/Roderen/onegin

Comments

[Даниил Чистяков]

Может так как у вас меню хранится справа?

[Максим Иванов]

Даниил Чистяков, ОГО!!! А я и не знал!!! Как ты нашёл?!??!?!

Я же написал - "из-за бургера"...

[Даниил Чистяков]

Максим Иванов, тогда я немного не понимаю что Вы хотите от меня услышать? Jquery-код, который позволит избежать этого метода вынесения меню?

[Максим Иванов]

Даниил Чистяков, Зачем использовать js если тут просто нужно помочь мне с css...

[Даниил Чистяков]

Максим Иванов, Тогда не понимаю куда Вы хотите сместить это меню. У Вас есть блок, который находится за границей 100vw (видимого пространства), соответственно чтобы избежать прокрутки нужно либо убрать его, либо куда-то передвинуть или у Вас уже итак стоит:

body {
overflow-x: hidden;
}

и пользователь ничего не увидит.

[Максим Иванов]

Даниил Чистяков, И так стоит для html and body:

overflow-x: hidden;

[Даниил Чистяков]

Максим Иванов, у меня к примеру нету после этого прокрутки.

[Максим Иванов]

Даниил Чистяков, А ты в дев тул зайди или на телефоне...

[Даниил Чистяков]

Максим Иванов, добавьте в файл стилей вот это:

.burger .burger-list {
	display: none;
}

.burger.burger-active .burger-list {
	display: block;
}

[Максим Иванов]

Даниил Чистяков, facepalm, я решил проблему и сейчас напишу сам в решении

[Максим Иванов]

Даниил Чистяков, Вариант, который ты предложил подходит, но не в моём случае так как я не смогу дать транзишин

[Даниил Чистяков]

Максим Иванов, а, сорри, про header затупил что-то

Answer 1

[Максим Иванов]

Решил проблему!
Нужно было поместить само бургер меню в <header> и прописать для <header> position: relative;