Elastic Pro mobile menu issue

[Courtney Cline]

Hello,

I am having a menu issue with the Elastic Pro theme on my website at http://tcj.pvb.mybluehost.me/centralohiowarehouse/. Once the menu switches over to the mobile/sandwich menu, it no longer functions – you can’t even interact with it as though you can click/select it in order for it to open.

Please help.

Thanks,

Courtney

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
#simple-menu { z-index:9999999;}
}

Regards,
Chris

[Courtney Cline]

That worked for as small as my phone, but anything between my phone to where the sandwich menu goes away (when I turn my phone sideways, iPad sized, etc.) still doesn’t work.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (min-width:768px) and (max-width:1023px) {
#simple-menu { top:90px !important;}
}

Regards,
Chris

[Courtney Cline]

It still doesn’t work. 🙁

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Chris

[Courtney Cline]

https://ibb.co/3kB3kj5

When the screen is any size similar to this, the sandwich menu does not work. It does not even act clickable, and, if you click it, nothing happens.

[Sonl Sinha]

Hi,

Remove

@media screen and (max-width:767px) {
#simple-menu { z-index:9999999;}
}

Add this new CSS

@media screen and (max-width:767px) {
#simple-menu { z-index:9999999 !important;}
}

Regards,
Chris

[Courtney Cline]

Thank you – that worked!

[Sonl Sinha]

????

[Author]

Posts