How to add a different image banner for mobile on Dawn's theme

Solved

How to add a different image banner for mobile on Dawn's theme

Fabianoo
New Member
15 0 0

Hi there,

I would like to seek help on how can I insert a different image banner for mobile? I've already created the specific mobile version but I dont see any options available. 

Thanks!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8382 1650 1662

This is an accepted solution.

Hi @Fabianoo 

You can create 2 banner sections, one for mobile and one for desktop and then add code to hide mobile banner on desktop and hide desktop banner on mobile

Add this code to Custom CSS code of the section that you want to hide on the mobile.

@media (max-width: 749px) {
.banner {
display: none !important;
}
}

Add this code to the banner section you want to hide on the desktop.

@media (min-width: 768px) {
.banner {
display: none;
}
}

 Screenshot 2024-02-01 at 13.54.08.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
8382 1650 1662

This is an accepted solution.

Hi @Fabianoo 

You can create 2 banner sections, one for mobile and one for desktop and then add code to hide mobile banner on desktop and hide desktop banner on mobile

Add this code to Custom CSS code of the section that you want to hide on the mobile.

@media (max-width: 749px) {
.banner {
display: none !important;
}
}

Add this code to the banner section you want to hide on the desktop.

@media (min-width: 768px) {
.banner {
display: none;
}
}

 Screenshot 2024-02-01 at 13.54.08.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Fabianoo
New Member
15 0 0

Thanks Dan, 

I would like the second image to be used as mobile. Is that possible?

Screenshot 2024-02-01 at 7.26.09 pm.png