Shopify themes, liquid, logos, and UX
Hey all! 😁
I'm currently using Dawn Theme for me website & I noticed that the banner photo looks great but when I switched it to mobile version, it get cuts off at both ends. I tried so much suggestions online, but none of them worked. Please refer to the photos below for your reference -
Web Version
Mobile Version
Any help would be greatly appreciated! Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hey @fahmicrile
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.slideshow__media.banner__media.media img {
object-fit: contain !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @fahmicrile
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Hey Moeed!
Thanks for reaching out! Is there any way I can share with you my password in private? Many thanks once again!
This is an accepted solution.
Hey @fahmicrile
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.slideshow__media.banner__media.media img {
object-fit: contain !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Moeed you're a legend! It works on mobile view now 😁 Just one last question please! Do you think its possible for the photo to cover the gray vertical spaces? Thanks once again!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Hi.
I've tried to follow above but it doesn't work for me. See screenshot. The left side is all cut off.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024