Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 11, 2017 at 6:37 pm #862986
    Archie

    Hey there Enfold team!

    I’m having a small issue with my mega menu. I noticed that the hover effect disappears after a few clicks. The links still work, but the gray hover menu is gone. Please see screenshots below.

    Also, the “Display submenu items on click” doesn’t seem to work on mobile.

    Hope you can help. Thank you so much!

    On first click, there’s a gray hover effect
    https://prnt.sc/gw5890

    When you go back to the menu after two or three clicks, the gray hover effect is gone
    http://prntscr.com/gw58lp

    • This topic was modified 7 years, 1 month ago by Archie.
    October 13, 2017 at 9:39 am #863815
    Ismael

    Hey hackoffseries,

    Thank you for using Enfold.

    Please don’t use br tags inside the menu label. Use css if you want to move the menu item downwards. For the hover effect, you can use this css code.

    #top #header .avia_mega_div > .sub-menu > li > ul > li a:hover {
    background: gray;
}

    The mobile menu is working properly but your menu structure is a bit complex.

    Best regards,
    Ismael

    October 13, 2017 at 11:23 am #863852
    Archie

    Hey Ismael!

    The code works perfectly!

    Thank you for the tip on the br tags. Can you help with the CSS code for moving the menu items downward under the About and Services menu?

    Thank you! :)

    October 15, 2017 at 4:58 am #864394
    Ismael

    Hi,

    You can try the following css code.

    #top #menu-item-926, #top #menu-item-814 {
    padding-top: 100px !important;
}

    Best regards,
    Ismael

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