[Resolved] Create 1px thin grey horizontal line under header (menu)

[MMS]

Hi, Can you please tell me how I can add a 1px thin light grey line under the header i.e. before the body content?

[Leo]

Hi Simon,

Try this CSS:

.site-header {
    border-bottom: 1px solid #000;
}

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

If this doesn’t work, please link me to the page in question.

Thanks!

[MMS]

Hi, Unfortunately, that CSS code doesn’t seem to work? See makemesustainable.com

[Leo]

That’s likely because you are missing a closing bracket } for your previous CSS:
https://www.screencast.com/t/CZRgOYoNn

[MMS]

Thanks, That’s fixed. But the line only seems to appear on Desktop version, not mobile?

[MMS]

Resolved by adding the following:-
.site-header, #mobile-header

[Leo]

Glad to hear 🙂

[Author]

Posts