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.

Vantage Navigation and Logo

Resolved 5 replies premiumthemetheme-vantage
Chelsey Sims Beck
11 years ago · Last reply by Andrew Misplon 11 years ago

I would like to move the navigation down about 100px. I’ve tried using CSS but then when the page is sized down, the menu items are separated by 100px. Is there a way to do this and keep the page responsive? I would like for the logo to stay in place.

Thanks!

URL: http://offbeatminds.ninja/capecreationscatering/wp/

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 1 month ago

    Hi Chelsey

    Try the following under Appearance > Custom CSS:

    .main-navigation ul li {
margin-top: 75px;
}

    Hope that helps.

  2. Chelsey Sims Beck 11 years, 1 month ago

    Hi Andrew,

    Thank you for your reply. Yes, I have tried that. Check the link above and resize the window. It puts 75px of space between the menu items. I’m looking to move down the entire element without creating additional space between the items when the page is resized.

  3. Andrew Misplon Staff 11 years, 1 month ago

    A really easy fix would be to change the mobile menu breakpoint to 976, that setting is at Theme Settings > Navigation.

    Or you can drop the extra padding then by adding:

    @media (max-width: 976px) {
.main-navigation ul li {
margin-top: 20px;
}
}
  4. Chelsey Sims Beck 11 years, 1 month ago

    The above works pretty well!! Thank you!!

  5. Andrew Misplon Staff 11 years, 1 month ago

    For sure, glad that did the trick.

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