• Closed
  • Jeanae White
    Spectator
    October 2, 2015 at 8:11 pm #21116

    On my website, when you hover your mouse over a menu item to show the drop down, and then try to move your mouse to select one of the drop down items, the drop down menu disappears because there is a small gap between the main menu and the drop down.

    Here is a screenshot with the space I am referring to highlighted in yellow.
    http://newlifeayahuasca.com/wp-content/uploads/2015/10/image.png

    This could be quite frustrating for visitors and cause them to navigate away from my page. Also, is there a way to remove the block text that appears, which is also visible in the screenshot?

    Thanks.

    Manjolo Kurti
    Spectator
    Posts: 4
    October 2, 2015 at 9:17 pm #21117

    I have the same issue.
    Got feedback from some users who don’t like the hover effect animation and find it “weird”
    I don’t want to disable the hover effect but would be nice to change the animation style.

    Thank you for your efforts on adjusting the theme to our needs.

    Denzel Chia
    Moderator
    Posts: 2656
    October 3, 2015 at 11:34 am #21126

    Hi,

    Please use the following codes in your Theme Options -> Custom CSS.

    #nav ul li ul {
    top: 30px !important;
    }

    http://prntscr.com/8n6cej

    Thanks!
    Denzel

    To Manjolo,

    Yours is a different issue. With reference to our forum rule. https://theme4press.com/support/topic/theme4press-support-forums-rules-please-read/
    Please open a new thread for your question.

    Thanks!
    Denzel