Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I want to add an image behind the navigation menu list on mobile only that takes up the entire width and height of the background. Any thoughts on how to do this?
website: freakthecompany.com
Solved! Go to the solution
This is an accepted solution.
Hello @Iwells0130 👋
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
#menu-drawer {
background-image: url(https://img.freepik.com/free-vector/hand-painted-watercolor-pastel-sky-background_23-2148902771.jpg);
background-size: cover;
background-position: center;
}
The result
Hope that helps!
This is an accepted solution.
Hello @Iwells0130 👋
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
#menu-drawer {
background-image: url(https://img.freepik.com/free-vector/hand-painted-watercolor-pastel-sky-background_23-2148902771.jpg);
background-size: cover;
background-position: center;
}
The result
Hope that helps!
That worked! Thank you so much 🙂
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025