Bottom Border on main menu/site header

I’d like to put a red line (bottom-border) under the site-head/main menu on a site I’m working on for a client. This is so it matches their branding However, I’ve tried various things but I cannot get it to work. Site is Anyone got any ideas?



For info

.site-header {
border-bottom: 10px;
border-color: red;

and variants of is what I’ve tried

Hi there,

You can do that using this CSS code below:

.site-header {
    border-bottom: 10px solid red;


Solid. Of course! Why did I miss that? Thank you!

1 Like