Navigation modal dropdown on mobile (full width)

[ElliotMersie]

Hello there,

I’m trying to optimize my mobile menu for my website.
I want to achieve a full width dropdown menu but i can’t figure out how.

I tried to put the width to 22 EM , it looks good on my iphone X but on other devices its to wide and it goes out off screen.

i putted the width back to normal settings 14 EM, (see screenshot).

Is there any way that i can make that dropdown menu go full width on any device?

Is there a code for that?

Thank you very much.

[thai]

Hi There,

Please add the my-dropdown class to your Navigation Dropdown element:

After that add this custom JS:

jQuery("ul.my-dropdown").css({'width' : jQuery(window).width(), 'right' : '-28px'});

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.