Header, Main Menu option in Mobile view is not working

In moble view the main menu is not showing up after clicking on the menu botton, were as in desktop view it is showing properly.

2 Likes

Mobile nav usually breaks when the theme’s JS for the drawer isn’t loading. Check theme.liquid to confirm all default scripts (like theme.js) are still included, and test with apps off.

Hey @user3036

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

“ nammastyle.in “ this is my website.

@user3036 can you please share your website link?

“ nammastyle.in “ this is my website.

“ nammastyle.in “ this is my website.

@user3036 it is a jquery issue where on click event on button is n working as it should to change the css, will need code tweak. Are you familiar with the coding?

no i am not familiar with coding.

@user3036 ok, you will need to provide theme access then via collaboration, this task is related to coding therefore I am not sure if anyone will do it for free.

For starters, you seem to miss these lines from your theme, and class="js" is important for a lot of CSS.

Fix this first, looks like it’s all that is necessary.

I tried this still not working. now it is showing new error.

Does not look like you did – <html class="js" ... > is nowhere to be found:

Works fine if I add it in my browser:

its confusing. I am not a coder. in “theme.Liqiud” it is showing a error not able to understand.

I see no error messages in your screenshot. Ignore them for now.

You may be not a coder, but somebody has put the verification meta there and unintentionally removed the <html ... line while doing this.

Top of your file should be like this –
move meta below head, second line should be <html...:

<!doctype html> 
<html class="js" lang="{{ request.locale.iso_code }}">
  <head>
    <meta name="google-site-verification" content="eDWRyNrP4Tz8d5fgAIOVCCDhMABM6UCyvBw51o7heRs" /> 
    <meta charset="utf-8">
1 Like

hey
Thank you so much for the help and guidance.
it worked

1 Like

Thanks for letting me know!

This actually is a quite popular problem.
Now let others know this by marking my answer as “Solution” and hitting the heart button.

1 Like