[Resolved] How to put a line beneath menu bar

[Mike]

Hi all,

I’m hoping to put a colored line beneath my header/menu bar as they’ve done on this site.

If you could provide some direction on how to accomplish that I’d really appreciate it! Thanks in advance.

[Leo]

Hi there,

Try this CSS:

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

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

Let me know.

[Mike]

That worked perfectly, thank you!

I apologize for reposting my question. I couldn’t find the original and thought it must have not posted.

[Mike]

Is it possible to also make it appear on mobile?

[Mike]

Sorted it out, thank you!

[Leo]

No problem!

[Author]

Posts