Home>Support>Vantage Theme Menu Issues

Vantage Theme Menu Issues

By sspr, 9 years ago. Last reply by Andrew Misplon, 9 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 Guys,
I have 2 questions that maybe are easy for someone and can help me with my situation.
1. When I use my mobile phone and change to vertical screen I see that the menu is disperse in the window. Is there a way to resolved this.
2. Using in my laptop the menu leaves much space below. I will like to use this option for the menu http://surgicalsolutionspr.com/ if possible to resolved the issue of the space.
Thanks 4all…

URL: http://surgicalsolutionsrd.com/

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 sspr

    Thanks for reaching out.

    1. Increase Appearance > Theme Settings > Navigation > Mobile Menu Collapse to say 780 or 1024.

    2. Sorry, not quite following you. Could you perhaps try explain a bit further?

  2. 9 years, 8 months ago sspr

    Thanks,

    The menu for the mobile version is great.

    I continue with trouble for the desktop version of the menu.
    http://surgicalsolutionsrd.com/

    The “Contactanos” cant fits

  3. 9 years, 8 months ago sspr

    I TRIED THIS:
    /* Enter Your Custom CSS Here *//* Vantage Menu Item Padding */

    .main-navigation ul li a {
    padding: 40px 20px;
    }

    But the menu have a lot of space below

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

    If you’d like to keep the menu item hover padding the same but just move the menu down a bit you can try the following:

    .site-navigation ul.menu {
	padding-top: 35px;
}
  5. 9 years, 8 months ago sspr

    Thanks Andrew Misplon,

    Now my custom css is:

    .main-navigation ul li a {
 padding: 40px 30px;
 }

.site-navigation ul.menu {
	padding-top: 60px;
}

    The hover background is a rectangular, can be changed to a square and that the area to rollover to select a category be more wide.

    Thanks

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

    Sure. It’s better to first try this:

    1. Remove the Custom CSS above. Just as a test.
    2. Go to Appearance > Customize > Theme Design > Menu > Menu Padding. Adjust. Add padding.
    3. Add the following to Appearance > Custom CSS:

    #masthead.masthead-logo-in-menu .logo {
    padding-top: 0px;
    padding-bottom: 0px;
}
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