Submenu Text hoover (all of the submenus text highlight at the same time)

Home Forums Pro Support Submenu Text hoover (all of the submenus text highlight at the same time)

This topic contains 6 replies, has 2 voices, and was last updated by Lewis Cutillo Lewis Cutillo 3 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #66738
    Lewis Cutillo
    Lewis Cutillo
    Participant

    peter, when I roll over a particular submenu, all of them under a parent menu highlight at the same time. is there anyway to change this so that each one is highlighted as I go over it? thanks

    #66743
    Peter Featherstone
    Peter Featherstone
    Participant

    Hey Lewis,

    Unfortunately you haven’t provided your site URL so I can’t see but that shouldn’t happen.

    Can you check if you get the same thing on this site to confirm if it’s your site or device that’s the issue?

    Please let me know

    Peter

    #66742
    Lewis Cutillo
    Lewis Cutillo
    Participant

    Hi Peter,
    so if I inspect your page’s dropdown, I can freely change the colors. However, with my website (which has mega menu plugin for the e desktop), it isn’t allowing me to change colors on my dropdown with inspector. The color: #333 under Styles, for instance, has a strikethrough. In terms of hidding the them, I am currently only hidding “#mega-menu-wrap-menu-1″ base on code that I am providing below. Do I need to add other classes and/or Ids based on below information? I would appreciate your response. I had to mask the name of the site because it isn’t live. Best, Lewis

    <div id=”mega-menu-wrap-menu-1″ class=”mega-menu-wrap”><div class=”mega-menu-toggle”><div class=”mega-toggle-blocks-left”></div><div class=”mega-toggle-blocks-center”></div><div class=”mega-toggle-blocks-right”><div class=”mega-toggle-block mega-menu-toggle-block mega-toggle-block-1″ id=”mega-toggle-block-1″ tabindex=”0″><span class=”mega-toggle-label” role=”button” aria-expanded=”false”><span class=”mega-toggle-label-closed”>MENU</span><span class=”mega-toggle-label-open”>MENU</span></span></div></div></div><ul id=”mega-menu-menu-1″ class=”mega-menu max-mega-menu mega-menu-horizontal” data-event=”click” data-effect=”slide” data-effect-speed=”400″ data-effect-mobile=”disabled” data-effect-speed-mobile=”200″ data-mobile-force-width=”false” data-second-click=”close” data-document-click=”collapse” data-vertical-behaviour=”accordion” data-breakpoint=”600″ data-unbind=”true”><li class=”mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-hide-arrow mega-menu-item-883″ id=”mega-menu-item-883″>ABOUT US<span class=”mega-indicator”></span>
    <ul class=”mega-sub-menu”>
    <li class=”mega-menu-item mega-menu-item-type-widget widget_text mega-menu-columns-1-of-4 mega-menu-item-text-4″ id=”mega-menu-item-text-4″><h4 class=”mega-block-title”>ABOUT US</h4> <div class=”textwidget”></div>
    <li class=”mega-menu-item mega-menu-item-type-widget widget_nav_menu mega-menu-columns-1-of-4 mega-menu-item-nav_menu-3″ id=”mega-menu-item-nav_menu-3″><div class=”menu-our-story-container”><ul id=”menu-our-story” class=”menu”><li id=”menu-item-1418″ class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1418″>ORIGINS
    <ul class=”sub-menu”>
    <li id=”menu-item-925″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-925″>The Family
    <li id=”menu-item-922″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-922″>Our Approach
    <li id=”menu-item-926″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-926″>Experience

    #66741
    Peter Featherstone
    Peter Featherstone
    Participant

    Hey Lewis,
    .
    If the CSS is struck out then I don’t think you will be able to do anything as it means mega menu is overwriting my CSS.

    Hiding the original menu isn’t going to stop it’s CSS from overwriting mine. Is there no way to disable their CSS above or below a specific breakpoint in their plugin options?

    Peter

    #66740
    Lewis Cutillo
    Lewis Cutillo
    Participant

    Pete, you provide great support!

    so, mega menu has this options:

    “Responsive Breakpoint
    The menu will be converted to a mobile menu when the browser width is below this value. ”

    My breakpoint is set at 810px with your plugin. Do I set it at the same or below/above?

    ALSO,

    “Disable Mobile Toggle Bar
    Hide the toggle bar and display the menu in it’s open state by default.”

    I have this disabled. (should I enable it?)
    ALSO, per https://www.megamenu.com/documentation/hide-mobile-menu/,
    I added @include mobile {
    #{$wrap} {
    display: none;
    }
    } to Mega Menu CSS Styling

    Let me know your thoughts please. thanks, lewis

    @include mobile {
    #{$wrap} {
    display: none;
    }
    }

    #66739
    Peter Featherstone
    Peter Featherstone
    Participant

    Hey Lewis,

    These sound like questions for Mega Menu if it relates to their settings. Unfortunately I have never used it so it’s hard for me to say.

    I don’t know if setting their breakpoint will stop their CSS loading but I would expect it needs to be lower than my breakpoint to stop it loading.

    The second option doesn’t sound like it will have any affect, did you try it?

    Please let me know

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Submenu Text hoover (all of the submenus text highlight at the same time)’ is closed to new replies.