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, 10 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, 10 months ago

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

  3. Magus Staff 10 years, 10 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