Sub Menus on Menu Bar Problem

[GR8FL]

This seems to have just cropped up… maybe it was one of the last updates to the theme / plus plugin.

The sub menu bar is too jammed to the left.

Please take a look at the Weaver Pro II site (http://weaverhattie.littledropup.com/) and look at the menu bar. Put the cursor under Plants. See how much space there is to the sub menu items? This is not the case on the Xtreme site (http://hattiesgarden.com/).

I want the Xtreme site to look the same. More space to the left before the menu item and more space to the right. Right now it looks so compressed and ugly.

[scrambler]

This is the fault of the rule I gave you to remove the padding on the first menu item

Change the rule to the one below, note the addition of > in the yellow highlight, that will restrict the rule to the top menu bar item

.is-desktop .wvrx-menu > li:nth-of-type(1) a {padding-left:0px;}

[GR8FL]

This works but I have no clue what this all means.

[scrambler]

The > Means that the rule applies only to the first level of li tags after the .wvrx-menu.

Without the >, all levels of li under that selector get affected.

[GR8FL]

Thank you.

[Author]

Posts