Shopify themes, liquid, logos, and UX
On my mobile view of my site the home page image has large gaps but if I set the size to small it fits perfectly the only issue is that then the desktop view the image is also small. My store is drearyvisuals.com and the password is quapru
Solved! Go to the solution
This is an accepted solution.
thanks for clear
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero-hero-1 {
height: 67.333333vw !important;
}
}
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
My shop url is drearyvisuals.com and the site password is quapru
sorry i can't see both are section can you please show me
the mobile version has the big gaps when the image is set to large extra large or adapt to image when I customize my website. But on desktop it looks fine. If I set the image to small to have it fit correctly for mobile it then looks too small for desktop
This is an accepted solution.
thanks for clear
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero-hero-1 {
height: 67.333333vw !important;
}
}
Thank you very much this fixed it!! Have a great rest of your day! 🙂
it's my pleasure to help you
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024