How can I balance mobile and desktop views for my website?

[Lex5678]

Good evening, I have edited my mobile view but the desktop view looks horrible. I have then edited desktop view and then the mobile view looks horrible. So I have left it as mobile view as it is most common. I feel very embarrassed for the people looking at my site on the desktop! www.quick-pics.co.uk I have even gone into Canva and created some separate images and its still not working. I have added code in my theme settings and still not working. I am very stuck can you please help me? Whoever can solve my problem gets a free image professionally edited!! Many thanks Alex

[CaffeinatedDiab]

This seems to be an issue with Shopify, which to me, I find extremely bizarre in the year 2023.

I just switched a site over to Shopify, thinking it would be a smoother transition and less coding/CSS to input, but I can't say it's been the case.

It seems like there is a solution for either getting something to work on mobile, or getting it to work on desktop, but not on both, at least not without digging and figuring out exactly what CSS they're wanting and where.

[Lex5678]

Thank you I will try tomorrow and I'll let you know if it works. Thank you 

[KabirDev]

Hi @Lex5678 add the below code to your theme's CSS file.

@media screen and (min-width:768px) {
#Banner-template--19402217455930__5cf005cc-d4d0-47b8-947a-b3c90cdff780 {
    background: #202f5efa !important;
}
#Banner-template--19402217455930__5cf005cc-d4d0-47b8-947a-b3c90cdff780 img {
    object-fit: contain !important;
}
}

[Lex5678]

Thank you I will try code now 

[Lex5678]

It worked thank you very much. If you have a black and white photo to scan. I can restore and repair free of charge. I'm a man of my word www.quick-pics.co.uk Many thanks Alex