Mobile Menu Default Is Open-How to change to collapsed?

Solved
Highlighted
Tourist
7 1 1

On MOBILE, the site: www.dr-ej.com defaults to having the menu open or expanded upon loading every page. How do I change this so the default is to have it closed? 

Thank you!

0 Likes
Highlighted

This is an accepted solution.

@witmade 

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

 

@media (max-width:750px){
[class*='mobile-header'] .navbar{
	display: none;
}
}

 

 



Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
7 1 1

This is an accepted solution.

Yes this worked! Thank you so much! Is this a long-term solution or do I need to have a dev work on it further? 

Thank you!

Highlighted

This is an accepted solution.

@witmade you're welcome! No, this is a permanent solution, you won't need any dev work in the future.

Please make sure to press the button "Accept as Solution" below my answer to help other people in the community with similar issues. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com