Support » Fixing WordPress » Can’t change sub menu padding (inheriting menu properties)

  • Resolved naomih

    (@naomih)



    Hi,
    I’ve just set up my menu with child menus to clean it up a little. I currently have a custom padding set up for my main menu using the following CSS:

    #header-links-inner .current_page_item a{
    padding-left:90px !important;
    padding-right:10px !important;
    }
    #header-links-inner li a{
    padding-left:90px!important;
    padding-right:10px !important;
    }

    Now that I’ve set up the child menu, it is using the same padding value (I’ve checked using inspect element) which is making the pop outs rather wide and a bit silly looking. I’ve tried a few codes to override this value for the sub menu but none are having any effect. The most recent I’ve tried is:

    #header-links-inner .sub-menu li{
    padding-left: 20px !important;
    }

    I’m using a rather customised child theme from the Drift theme, not sure if that makes a difference.

    Any suggestions on how I could fix this would be much appreciated.

    Thanks 🙂

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • chits98

    (@chits98)

    Try this. Worked for me

    #header-links-inner .sub-menu li a {
        padding-left: 20px !important;
    }
    • This reply was modified 11 months ago by  chits98.
    naomih

    (@naomih)

    Thanks, that did it 🙂 just missing an a!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t change sub menu padding (inheriting menu properties)’ is closed to new replies.