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

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

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;
}
}