Issue with submenu items

I’m trying to get the submenu items centered so I tried using some rules, but I’m getting a different result on Windows browsers or Mac OS ones.

This seems to be working fine on Windows:

#access ul ul {

-moz-box-shadow: none !important;

-webkit-box-shadow: none !important;

box-shadow: none !important;

left: -29px !important;;

}

But on Mac OS I need t change the “left” value to 13px, and even if doing so, the Pricing submenu items still look weird.

How can I get all submenu items centered for all browsers and all OSs?

  • Nithin
    • Support Wizard

    Hi Studio3creative,

    Hope you are doing good today. :slight_smile:

    I have removed the existing CSS regarding the menu, and added the following CSS, under Appearance > Customize > Additional CSS section of your WordPress dashboard:

    #access ul ul {
    left: -27%;
    }

    #menu-item-1979 > ul {
    left: -50% !important;
    }

    It seems to behave fine now when tested, could you please check, and see whether it’s working fine in your side?

    Please do share a screenshot, if you still notice any anomalies with the submenus.

    Regards,

    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.