Hey, I’d like some help with making different pictures on desktop and mobile in the Empire theme Mosaic section.
I have an idea of how to do it, i need to make a media query for mobile specific to have a specific image when its in mobile - This option is in the slideshow. ( see attached image)
Below you can see what i have issues with - the bottom picture is desktop, but when i change it to mobile it doesn’t scale very well - so either i have to pic a desktop picture that looks good for both desktop and mobile, which is very demanding - it would be much easier to be able to make 2 different pictures 1 for desktop and 1 for mobile. I hope you can help
1 Like
@AlexanderLM
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
@AlexanderLM
thanks for URL i have checked your theme doesn’t allow this option it can be done customization code if your need please sent dm details
1 Like
Hi Ketan,
Thats great - yeah i’d love to code it instead if possible.
which dm details do you want? where
1 Like
@AlexanderLM
It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like
Hi Ketan did you get my message?
1 Like
@AlexanderLM
oh yes i can just see now i will check and update
@AlexanderLM
i have update code please check
if some same issue try this
@media screen and (max-width: 719px) {
.promo-block--template--15410248351988__dynamic_promo_mosaic--promotion-1 {
background-position: right;
}
}
