HTML Block not shown on mobile version

hello,

I have category which is called “Riz” and sub category “Basmati”

I set Html Block “product carousel” on sub category;
Desktop version: HTML Block not shown when i hover on “Basmati” (Sub Catgeory)
please check here:
https://drive.google.com/open?id=1UR-40oT7UXWcVNx730t7xXwFM4f4sDzA
https://drive.google.com/file/d/1psYWfN4uFzlQlXFklNzb7r5f7wFIrysQ/view?usp=sharing

Mobile Version: the icon dropdown menu is visible, when i click nothing shown, i know on mobile verison it s hard to display html block, so i prefer to hide the icon sub menu which is not able to show html block, but i want to keep the parent icon which open the list of sub category.

If add the follow custom css:.menu-categories-container > ul > li> .icon-sub-menu{display:none;}
It hides also parent and sub arrow icon. which means i can t display sub category.

please check here:
https://drive.google.com/file/d/1JZ2F2dty1t0TQNamSh7lck5ZH-JodLEo/view?usp=sharing

Html block working well, no doubt on it, because if i set the block on parent category, it works:
please check here:
https://drive.google.com/file/d/1SZa2SUzYP4bKnhhbVsF7-f25fsVAWSGb/view?usp=sharing

Go and check my website to understand my request.
https://annachisupermarche.fr/

Thanks

Hi,

Mega menu dropdowns built with HTML Blocks are supported by the main desktop menu only. You need to create a separate mobile navigation in Appearance -> Menus without HTML Blocks dropdowns.

Regards

Thanks, please reply to this one:

I have category which is called “Riz” and sub category “Basmati”

I set Html Block “product carousel” on sub category; but it not been shown when i hover on “Basmati” (Sub Catgeory)
please check here:
https://drive.google.com/open?id=1UR-40oT7UXWcVNx730t7xXwFM4f4sDzA
https://drive.google.com/file/d/1psYWfN4uFzlQlXFklNzb7r5f7wFIrysQ/view?usp=sharing

HTML Blocks can be used as dropdowns for mega menu only for the first level of menu items.

[Author]

Posts