Adding an image background to mobile navigation menu (craft theme)

[Iwells0130]

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

[ZenoPageBuilder · 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!

[Iwells0130]

That worked! Thank you so much 🙂