Home>Support>Adding a horizontal line below menu bar

Adding a horizontal line below menu bar

By lee, 10 years ago. Last reply by lee, 10 years ago.
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].

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. 10 years, 1 month 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. 10 years, 1 month 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. 10 years, 1 month 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. 10 years, 1 month 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