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

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

By MJ, 10 years ago. Last reply by MJ, 10 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 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 20 days ago Magus
    Hi, I Work Here

    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. 10 years, 20 days ago MJ

    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. 10 years, 20 days ago Magus
    Hi, I Work Here

    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. 10 years, 20 days ago MJ

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More