Home>Support>Horizontal line under menu

Horizontal line under menu

I inserted the CSS from this forum https://siteorigin.com/thread/adding-a-horizontal-line-below-menu-bar/ :

.main-navigation {
border-bottom-style: solid;
border-bottom-color: #fff;
border-bottom-width: 2px;

However the line is no longer wide enough to cover the entire website. I do not know why.

How do I fix this?

Website: https://weldadvice.dk/

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

  1. 3 months, 3 days ago Andrew Misplon Hi, I Work Here

    Hi Thomas :)

    Somewhere in your Custom CSS you’re adding margin: -1px; for the menu. Try changing that to margin: -1px -35px;.

  2. 3 months, 2 days ago Thomas Stecher Christensen

    Hi Andrew,

    That worked magic! Thanks a lot!:)

  3. 3 months, 2 days ago Andrew Misplon Hi, I Work Here

    Super, glad that helped :)

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