[Resolved] Border at the bottom of the menu bar

[Matthieu]

Hello, do you think it is possible to add a border at the bottom of the menu bar of 1px and color? I use the header element with the menu bar going down to the scroll.

Thanks

[Leo]

Hi there,

Something like this?

.main-navigation {
    border-bottom: 1px solid #fff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Matthieu]

Thank you for your reply ! That’s it, but not quite.
😅
Can the bar be adjusted to fit the width of the container? For example 1200 px? So that the edges are aligned with the logo on the left and the menu on the right.

Thanks !

[Leo]

Try this instead:

#site-navigation .inside-navigation {
    border-bottom: 1px solid #fff;
}

[Matthieu]

It’s great thanks ! Is it possible to remove the border from the scroll ?

[Leo]

Edited above:
https://generatepress.com/forums/topic/border-at-the-bottom-of-the-menu-bar/#post-1629657

[Matthieu]

Perfect thanks !

[Leo]

No problem 🙂

[Author]

Posts