Hi friends!
Would anyone be able to help me in hiding the hamburger menu on just my homepage for MOBILE, I am using Dawn and my url is www.day204clothing.com.
Hi friends!
Would anyone be able to help me in hiding the hamburger menu on just my homepage for MOBILE, I am using Dawn and my url is www.day204clothing.com.
Hi @Day204 , that can be easily hidden by adding CSS code. However, my question is, why do you want to hide it? The navigation menu is essential and it should be displayed especially on the homepage.
Hey there @TechRenT
The reason is that on my homepage, the 4 main navigation links are already in the middle of the page and it is not optimal for the hamburger to display the same. On the other pages I would like to have the hamburger, but not on the homepage for this reason.
Let me know if that makes sense!
Got it, here’s the code. You can paste this code at the bottom of your base.css file.
Make sure to back up your theme first before adding any code just to be safe.
header-drawer {
display: none;
}
@Day204 , my bad, I’m sorry, the above code will hide the hamburger menu for all the pages. Please don’t use it. If I can access your theme, I can quickly do it.
However, if you are confident that you can do it yourself, here are the detailed instructions.
Make sure to back up your theme first.
Go to your Theme Library > Edit Code > Open theme.liquid
Locate this code: (it depends on your theme version but it should be around line 239)
Change that code into this:
Save your changes.
Open base.css and paste this code at the bottom.
.template-index header-drawer {
display: none;
}
Save the changes.
That’s it! That should work.
@TechRenT Thank you so much! Truly appreciate the help and the detailed write-up!
You’re welcome. I’m glad to help.