Hi,
On this website, some level-1 categories opens a mega menu.
These level-1 categories have level-2 sub-categories and some level-2 sub-categories have level-3 (Seen Santé or Social items).
When hover a level-1, I expected to see sublevels-2 only but I have each sublevel-2 followed by its sublevel-3…
See :
https://app.screencast.com/fDPaKz0hoTdaS
https://app.screencast.com/CMEeR7s2HwieF
How to have only sublevels-2 ?
TIA
Francis
Hello Francis,
I think the problem is that the mega menu structure is not correctly made; please check this guide -> https://forum.tagdiv.com/mega-menu/
If you have a parent category with subcategories https://i.imgur.com/ScOzLD5.png -> https://i.imgur.com/9F8KosV.png , you need to select only the parent category for mega menu.
Also, please provide some screenshots with your settings for the menu an the link to your website.
Thank you!
Hi Anamaria,
Here is my SANTÉ item in the menu in admin :
https://app.screencast.com/RKdzGz8TnCSAF
Here is in front :
https://app.screencast.com/Q0usnZlZRlds6
and in mobile mode :
https://app.screencast.com/8JHO99xbUhYrq
Sub-levels 2 shouldn’t be melted with sublevels 1.
As sub-levels 2 are not distinguished from sub-levels 1 by a class, I can’t do anything in CSS (hide them, shift them to the right, …) nor in JS.
https://app.screencast.com/gGpoAH1LnSIes
How can I avoid display sublevel 2 (and sublevel 3 existing in Social item) in desktop view and avoid them or have another dropdown in mobile view ?
Regards,
Francis
Here a view of the catérogies where you can have an idea of sublevels 1 and 2
https://app.screencast.com/hVNiAnWR9lsZb
Hi,
This is how the mega menu works, you have the parent category SANTÉ and the others are subcategories of the parent category. To provide a css, please provide the link to your website.
Thank you!
Hi,
So, to hide subcategories you need to use this code
.td_mega_menu_sub_cats [data-td_filter_value="96"],
.td_mega_menu_sub_cats [data-td_filter_value="36"]
{
display: none!important;
}
You need to duplicate the code for each subcategory and set the data-td-filter-value https://i.imgur.com/qwiuttt.png
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!
Hi,
I know this solution but :
1/ it’s not very elegant
2/ it will not work when new sublevels will be added
I’ll do it like that for the moment but a specific class o identify item of sublevels 2 or more, or a checkbox for adding or not these sublevels will better
Regards,
Francis
