This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Adding a bottom border to header menu

Open 3 replies generalpremium
Dustin Rudolph
10 years ago · Last reply by Magus 10 years ago

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!

URL: http://www.drrudolph.net

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Magus Staff 10 years, 7 months ago

    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

  2. Dustin Rudolph 10 years, 7 months ago

    Thank you Magus! That worked perfectly. I really appreciate your help with this.

  3. Magus Staff 10 years, 7 months ago

    Hi Dustin

    You are most welcome. If you need any more help please feel free to open a new support thread.

    Magus

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread