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 Theme Menu Issues

10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 10 years, 3 months ago

    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. sspr 10 years, 3 months ago

    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. sspr 10 years, 3 months ago

    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. Andrew Misplon Staff 10 years, 3 months ago

    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. sspr 10 years, 3 months ago

    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. Andrew Misplon Staff 10 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread