Home>Support>Vantage Navigation and Logo

Vantage Navigation and Logo

By Chelsey Sims Beck, 9 years ago. Last reply by Andrew Misplon, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Chelsey

    Try the following under Appearance > Custom CSS:

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

    Hope that helps.

  2. 9 years, 8 months ago Chelsey Sims Beck

    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. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 8 months ago Chelsey Sims Beck

    The above works pretty well!! Thank you!!

  5. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More