Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’m wanting to add a thin border line underneath my header menu separating it from the main content on each page of my website. Right now there is no border so the menu bar has a white background and blends into all the pages of my site. I’ve set the ‘Header Widget Menu Border Color’ to black under Appearance>Customize>Theme Design>Menu but no border shows up.
How can I accomplish this? The website I’m working on is www.drrudolph.net. Thank you!
Hi Dustin Rudolph
You can fix this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
.main-navigation { border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1px; }Please change the colour and width to match what you want to see.
Let us know how you get on
Magus
Thank you Magus! That worked perfectly. I really appreciate your help with this.
Hi Dustin
You are most welcome. If you need any more help please feel free to open a new support thread.
Magus