How can I fix a megamenus display issue on mobile for Flex theme?

[MaxCosta]

Hello the Shopify community!

I have a problem displaying megamenus on my mobile version of my Shopify site: https://academie-royale.myshopify.com/

On the desktop, the display is perfect. However, on mobile, we want each menu to depend on the top drop-down menu. In addition, we would like that when clicking on the name of a menu item, the drop-down would open and not be redirected to a link (only on mobile).

Please feel free to tell me if you need more items or back office access

Thank you in advance to help me,

Best regards,

Max COSTA

[KetanKumar]

@MaxCosta 

i have just confirm on mobile on click open dropdown no redirect page right?

[MaxCosta]

Yes exactly 

[MaxCosta]

Hi @KetanKumar do you have an idea to solve this problem ?

[KetanKumar]

@MaxCosta 

thanks for confirm can you please try this code its work

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.

.mobile-menu__first-level .close-dropdown, .mobile-menu__first-level .close-sub-dropdown {
 height: 100%;
}

[MaxCosta]

hi @KetanKumar thank you for your reply

i added you code in the style.css feed but it doesn't works 😕

[KetanKumar]

@MaxCosta 

sorry i can't code