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

Store Design
1

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

1 Like
2

@MaxCosta

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

1 Like
3

Yes exactly

4

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

1 Like
5

@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%;
}
1 Like
6

hi @KetanKumar thank you for your reply

i added you code in the style.css feed but it doesn’t works :confused:

1 Like
7

@MaxCosta

sorry i can’t code