Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 6, 2016 at 8:49 pm #560743
    lzevon

    Ii’m trying to figure out how to keep submenu items flush to the container of the parent menu. As you can see, the submenu items overlap under About Us (top menu) and it’s very likely something I introduced accidentally.

    Another thing I’d like to know is if it’s possible to have submenu items appear below the parent item and indented say 20px?

    Thanks in advance!

    January 7, 2016 at 3:02 am #560918
    Elliott

    Hi lzevon!

    Add this to your custom CSS.

    .sub-menu a {
    padding-left: 10px !important;
}

    Best regards,
    Elliott

    January 7, 2016 at 4:53 pm #561369
    lzevon

    Hi Elliot,
    Thanks for your reply. I added the above, but it made no difference. If you look at the top menu and look at the About Us menu and how the submenu overlaps you will see the issue. I would think the space would need to be introduced to the right, so I tried that, along with margin, appending the #top id and several other iterations – none seem to work.

    Help!

    January 8, 2016 at 2:15 am #561738
    Elliott

    Hey!

    It looks fine to me but perhaps I am misunderstanding. Go ahead and take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    January 8, 2016 at 5:44 pm #562125
    lzevon

    OK, here is the screenshot depicting the overlap issue…

    January 9, 2016 at 7:37 am #562342
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #top .sub_menu li li ul {
    left: -200px !important;
}

    Thanks,
    Rikard

    January 11, 2016 at 4:41 pm #563304
    lzevon

    Perfect – thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘submenu overlap’ is closed to new replies.