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.

Border around or space between top nav menu titles/pages

Resolved 2 replies customizationthemetheme-vantage
designedbykey
10 years ago · Last reply by designedbykey 10 years ago

I would like for each page title on the nav menu bar to appear as an individual tab (to the website visitor) with either space between each or a border around each. How can this be accomplished?

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

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Greg Priday Staff 10 years, 2 months ago

    Hi Designedbykey

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .main-navigation {
    background-color: transparent;
}
.main-navigation a {
    background-color: #dd3333;
    margin-right: 20px;
}
.main-navigation a:last-of-type {
	margin-right: 0;
}

    You might also need to install the SiteOrigin CSS Editor.

  2. designedbykey 10 years, 2 months ago

    Thanks so much for this help!

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