Home>Support>Adding a horizontal line below menu bar

Adding a horizontal line below menu bar

By lee, 9 years ago. Last reply by lee, 9 years ago.

Hi,

Is it possible to add a horizontal bar of specific color below the menu bar? Do let me know

Btw, thanks for the great support so far.

Regards,
Lee

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Lee

    You can do 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-style: solid;
    border-bottom-color: #fff;
    border-bottom-width: 2px;
}

    Alter the width and colour to match what you require.

    Let us know how you get on

    Magus

  2. 9 years, 3 months ago lee

    Thanks Magus,

    That worked :)

    Can I also do the same above the footer, sorry about the one question after another, let me know if you need me to open a new thread for the second question

  3. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Lee

    Please use the following for the footer

    #colophon {
    border-top-style: solid;
    border-top-color: #CCC;
    border-top-width: 2px;
}

    Make the same changes as above.

    Magus

  4. 9 years, 3 months ago lee

    Thanks Magus.

    That works too. appreciate the help and swift response

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More