line (100%) under the header

[Bruno Borsi]

Hi I would like to put a full length line (100%) under the header. Like this

Like this (EXAMPLE)

.top-bar {
border-bottom: solid 1px rgba(136,136,136,0.5);
}

brunoborsi.com

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

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

[Bruno Borsi]

yes

[David]

Hi there,

try this:

.site-header {
    border-bottom: solid 1px rgba(136,136,136,.5);
}

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

[Bruno Borsi]

does not work 🙁

[David]

thats because the site is now using the navigation as header…. so you would need this CSS:

#site-navigation {
    border-bottom: solid 1px rgba(136,136,136,.5);
}

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

[Bruno Borsi]

Perfect Thank you
thanks a lot as always. I will always be your customer 🙂 greetings from Italy

[David]

Glad to be of help !

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

[Author]

Posts