Hello Shopify Community.
How to add photos/banners to the mega menu in Crave theme? I have enabled the mega menu but i cannot edit it.
Thank you.
https://sossascookies.myshopify.com/
Password: nawthi
Topic summary
A user asks how to add photos or banners to the mega menu in Shopify’s Crave theme. They’ve enabled the mega menu feature but cannot find editing options.
A solution is provided involving custom CSS code:
- Navigate to: Online Store → Edit Code → Assets → base.css
- Add CSS targeting
.mega-menu[open] .mega-menu__content - Use the
background: url()property to insert an image
The response includes a code snippet demonstrating how to apply a background image to the mega menu content area. This workaround uses CSS customization since the theme doesn’t appear to offer built-in image upload functionality for mega menus.
Status: Solution provided, awaiting confirmation from original poster.
Hello @Gaiar
Please Add This CSS
by going to online Store > Edit code > assets > base.css
.mega-menu[open] .mega-menu__content {
background: url("https://sossascookies.myshopify.com/cdn/shop/files/SC_Banner.png?v=1690919996&width=3840");
}
or
.mega-menu .mega-menu__content {
background: url("https://sossascookies.myshopify.com/cdn/shop/files/SC_Banner.png?v=1690919996&width=3840");
}
Like This
