Register with your Envato account

Support forums

Homepage Support Goliath HTML Template How to disable hovering drop down menu on the main menu correctly

How to disable hovering drop down menu on the main menu correctly

Homepage Support Goliath HTML Template How to disable hovering drop down menu on the main menu correctly

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2821
    jonprasetyo
    Participant

    Goal: I want the user to click on the drop down to see the sub menus not hovering on the menu which is the default.

    Note: The parent menu <li> has a class ‘active’

    I deleted data-hover="dropdown" and it seems to work

    code example:

    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">My drop down menu </a>

    However, once the user moves the mouse out of the menu (the submenu is still open) the parent menu disappears. Please see images attached.

    How can I correct disable the hovering feature on the drop down menu?

    • This topic was modified 6 years, 1 month ago by jonprasetyo.
    • This topic was modified 6 years, 1 month ago by jonprasetyo.
    Attachments:
    You must be logged in to view attached files.
    #2837

    This happens because menu is styled depending on hover. If dropdown is opened, then styling relies on “open” class and “:hover” selector. When you move cursor out of menu, then open class is remaining but hover is not detected. If you do modifications by removing classes, then you need to edit “goliath.css” styling as well.

    #2850
    jonprasetyo
    Participant

    Thanks for the reply,

    So is this request part of the support? – I am not so much of a frontend person 🙂

    #2853

    This is everything what we can give as this is not theme’s issue but custom modification.

Viewing 4 posts - 1 through 4 (of 4 total)
You must have active support license to create new replies.

Learn more about Renewing Item Support and Themeforest Item Support Policy.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close