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

Solved
witmade
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

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.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
witmade
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!

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.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
libbychen
New Member
1 0 0

Hi, I don't have a theme.scss.liquid asset in my theme code. I do have styles.scss.liquid however when i put your code at the bottom of the page, the problem is still there. Another shopify partner has noted that starting recently, new versions of shopify theme will not have SASS based css files. Is there a updated solution for those who don't have the theme.scss.liquid asset? 

 

Thanks

0 Likes

@libbychen 

Instead of theme.scss.liquid, look for one of the following:

theme.scss
theme.css
styles.scss
styles.css

The main thing is that it has ".css" or ".scss" in them. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes