Faint line/border under mobile header

[kiant123]

Hi,

I have set my mobile header as white however I’d like to put a faint line underneath it to show it’s there when you first enter a page. A faint line does appear as you scroll down but I’d like to have this when the user hasn’t scrolled down too.

Here are some screenshots to show what I mean.
https://share.getcloudapp.com/12uyNblv
https://share.getcloudapp.com/NQuDgBBP

How would I do this?

Thanks.

[David]

Hi there,

add this CSS to your site:

#mobile-header .inside-navigation {
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}

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

[kiant123]

Thank you!

[David]

You’re welcome

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

[Author]

Posts