Home Forums Weaver Xtreme Theme Sub Menus on Menu Bar Problem

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17885
    GR8FL
    Participant

    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.

    #22659
    scrambler
    Moderator

    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;}

    #22660
    GR8FL
    Participant

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

    #22661
    scrambler
    Moderator

    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.

    #22662
    GR8FL
    Participant

    Thank you.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.