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.

Padding or margin for custom menu in the header second level hover

Resolved 4 replies generalpremium
10 years ago · Last reply by MJ 10 years ago

Hi guys, I have a couple questions on 2 different sites I am building with Vantage. I will start another thread for the second topic – centering multiple widgets in the footer.

After various attempts at this I find I’m needing your assistance on a second level hover text margin or padding for a custom menu widget I placed in the header.

http://imsone.com.v3.cloudsites.gearhost.com/cox/home/

In the header – ‘about us’ ‘services’ and ‘contact us’ have drop downs with text links that sit right on the left margin. Is there code that I can insert to push the text to the right some creating a margin in the dropdown box?

Appreciate all your great help on these sites!

URL: http://imsone.com.v3.cloudsites.gearhost.com/cox/home/

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

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Magus Staff 10 years, 7 months ago

    Hi [email protected]

    In your custom CSS you have this entry

    /* Vantage Header Custom Menu Widget - Menu Padding Horizontal */
    #header-sidebar .widget_nav_menu ul li {
    padding-right: 0px !important;
    padding-left: 0px !important;
    }

    Please remove the padding-left setting and the sub-menu will regain its spacing.

    Let us know how you get on

    Magus

  2. MJ 10 years, 7 months ago

    Thanks! That fixes the second level padding. Can I tighten up the top line though? Increasing padding here affects the whole menu which makes the top line move into the logo.

    See this page – I placed a screengrab here to show the spacing at 0 (main header and the 10px setting:
    http://imsone.com.v3.cloudsites.gearhost.com/cox/temp/

    I wasn’t sure if it was possible to differentiate between the top line and the second level padding.

    Thanks again!

  3. Magus Staff 10 years, 7 months ago

    Hi [email protected]

    Please try adding this to your Custom CSS

    #header-sidebar .widget_nav_menu ul ul li {
        padding-left: 10px !important;
    }

    It should leave the top level as is and only affect the sub menu’s

    Magus

  4. MJ 10 years, 7 months ago

    Excellent. Thanks again!

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