megatom
Forum Replies Created
-
Forum: Plugins
In reply to: [Max Mega Menu] Adding an overlay when the submenu is collapsedHi doowayne,
Please check this page for some examples you can use to detect when a sub menu is opened or closed:
https://www.megamenu.com/documentation/javascript-api/
I’m afraid support beyond this isn’t something we can help with (it can get complex quite quickly), so you may need to request the assistance of a freelancer. If you’re looking for an overlay feature, then there is one already built into the Pro version. You can see a demo on the demo menu on megamenu.com.
Regards,
TomForum: Plugins
In reply to: [Max Mega Menu] Submenu items in two linesHi Maura,
Please double check the custom class is applied to the item (it wasn’t when I could last see the site), if you still have problems please open up the site again so I can take a look.
I notice your site is under construction, so if the issue can wait a bit longer, I would prefer to take a look towards the end of next week as I will be away this weekend/early next week (prioritising Pro/paid support).
Thanks
Tom
Hi mantza,
That is the reason we removed the hover effects from mobile many years ago (on mobile, you shouldn’t see hover effects, as there is no mouse involved), it is explained on the page I linked to.
I’m sorry but I don’t see a way to do what you want to do without it having other unintended consequences. I would say the user should know they have clicked on a link, because a few milliseconds later the new page will be loading.
Regards,
TomDo you mean like this?
https://app.screencast.com/oDMjRmZdFPzda
If so, that’s the expected behaviour. 3 sub menus are open, 3 parent items are highlighted.
Regards,
TomForum: Plugins
In reply to: [Max Mega Menu] Submenu items in two linesHi maurasa,
Apologies for the delay. Please try this CSS instead (added to Mega Menu > Menu Themes > Custom Styling):
#{$wrap} #{$menu} li.mega-menu-item.mega-multi-line > a.mega-menu-link {
@include desktop {
line-height: inherit !important;
display: flex !important;
align-items: center;
}
@include mobile {
br {
display: none;
}
}
}And make sure you add the custom class of ‘multi-line’ to the menu item, as described here: https://www.megamenu.com/documentation/how-to-display-menu-items-over-multiple-lines/
Regards,
TomHi mantza,
The parents of sub menu items are highlighted because they show that the sub menu is open, the page itself does not change. Actual links (like your contact link) just go straight to the page, so there would only be a split second before the new page is loaded anyway.
You could try this CSS again:
https://www.megamenu.com/documentation/how-to-apply-hover-styling-to-top-level-items-on-mobile/
But change ‘:hover’ to ‘:focus’.
Regards,
TomForum: Plugins
In reply to: [Max Mega Menu] Using plugin in ChinaHi petec1268,
There’s nothing in the plugin that would prevent it working in a certain country.
Regards,
TomHi Mantza,
I think I understand what is happening now. On desktop, the contact item is not highlighted, even on desktop:
https://app.screencast.com/b5JjKzSWILJwQ
It only has the hover styling.
Please enable this option in the menu theme: https://app.screencast.com/ii6GNmhaIZw4M
(make sure you select the correct theme, as I think you have at least 2 set up)
Regards,
TomThanks. I’m getting confused why it’s not working as I think it should by default. Do you have this option enabled in the menu theme?
https://app.screencast.com/ii6GNmhaIZw4M
Regards,
TomForum: Plugins
In reply to: [Max Mega Menu] Submenu items in two linesHi,
Please post a link to your site so I can take a look.
Regards,
TomForum: Plugins
In reply to: [Max Mega Menu] Submenu items in two linesHi maurasa,
Please check this page: https://www.megamenu.com/documentation/how-to-display-menu-items-over-multiple-lines/
Regards,
TomHi mantza,
To confirm, when you are on this page:
https://www.mantzarepair.gr/contact/
You want the “Επικοινωνία” item to be highlighted in blue?
Regards,
TomThe first screenshot on the page I linked to shows product categories.
Regards,
TomHi mantza,
I’m guessing you have a ‘one page’ website where the links scroll to different sections of the page? If so, if I remember correctly, if you use a plugin like ‘page scroll to id’ then you can get it to apply a custom class to the selected link (which would also be applied if you naturally scrolled to that section), and apply some custom CSS to highlight it. It’s not something that CSS does naturally. If we did apply styling using :focus, the styling would be removed as soon as another page element is tapped.
Regards,
TomForum: Plugins
In reply to: [Max Mega Menu] Hamburger icon not visible on mobileHi,
Please post a link to your site so I can take a look.
Regards,
Tom