Начиная с размеров планшета когда появляется бургер, нижний бордер становится с верху. Как исправить?

Question

[raron]

Короче вордпрес, тема Astra(если ето поможет). вот сам сайт.
Начиная с размеров планшета когда появляется бургер и меньше, нижний бордер становится с верху.
Убирать position: absolute; с .main-header-bar не нужно, потому что мне он нужен(но если убрать то бордер на разных размерах остается нормально, только с низу).
Как правильно ето пофиксить? чтобы нижняя рамка оставалась на месте? помогите умоляю)

Answer 1

[raron]

Вопрос решил!
Чтобы просто так не закрывать тему напишу как я ето сделал, может кому понадобится...
Добавил в свои стили такое:

.site-header
{
	border: 0!important;
}

(убрал верхнюю рамку)
Далее изменил в уже установленном в теме стиле style.min.css вот что:
.ast-header-break-point .main-header-bar{border:0}
заменил на:
.ast-header-break-point .main-header-bar{border:1}
и на конец, короче если делать под себя какую то тему то всегда что то вылазит боком, так вот у меня все было хорошо кроме версии сайта на смартфоне, на что я просто написал вот так:

@media (max-width: 921px) {
#masthead 
.main-header-bar {
border-bottom-width: 1px!important;
}
}

Answer 2

[Александр]

Comments

[Александр]

https://habrastorage.org/webt/5b/b0/ef/5bb0eff0a65...

[raron]

Александр, да ! но извините, забыл написать что я уже так пробовал и в верху все равно остается тот же бордер(может теперь его убрать как то ?). поетому написал как правильно ето сделать.
Может у Вас будет альтернативное решение?