Shopify themes, liquid, logos, and UX
I am using the DEBUT theme. I am trying to get the desktop default collection photo to fit/display correctly automatically on the mobile version of my site. I have tried other solutions for this problem, but cant get them to work.
The link to the page is https://nostalgia.ltd/collections/vintage-rap-t-shirt
Any help is SO much appreciated.
Best.
Hello, @nostalgiaLTD
Thanks
can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.collection-hero__image {
height: auto;
background-size: contain;
}
}
thank you! it worked
thanks for update
it's my pleasure to help us
Hello can you help me adjust my Shopify desktop theme to fit mobile view as well?
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.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero--large {
height: 190px;
}
}
Wait so it only work 5secs
it worked for the top image not the bottom
yes please try this code
@media only screen and (max-width: 749px) {
#shopify-section-hero-2 .hero--large {
height: 200px;
}
}
thank you so muchhhhh
it my pleasure to help us
Can you do my site as well?
Hello I am having the same issue, can I please have some help? I am wanting my desktop to match mobile. I am using the berlin theme.
I’m in need of some help as well. Unable to get the collection images to resize automatically in mobile view. Here is a link to one of the images on mobile view. https://1982candleco.com/collections/the-midnight-collection
Hello! I need help on this same thing. Did you mean theme.scss.liquid? You just put "theme.css.liquid" Are these two different assets? Please Help. Thank you so much
Hi I’m having the same issue but I don’t have that code file in mine, I have theme-editor.js under assets, there is no theme.cas.liquid file. Should I still add this code under theme-editor.js?
Hi KetanKumar,
can you please help me!
My pictures won’t fit between desktop and mobile 😞
Cactus Wildflower Boutique
yes, please share store url
I am very new to shopify and my website is not yet active.
does that matter?
oh sorry so can i check issue and let you know
Hi my mobile image gets cut out on the width. Could you please assist on the image not getting cut off? My website link is https://anciennechains.com
Hi Kumar, my websiste is www.joyfitrefresh.com
Password is : mandapp
I try to adjust the banner image to fit in to mobile size, what can I do ? thank you
I am using the REFRESH theme. However, the images on the computer side are always not displayed properly on the mobile side, how can I adjust it?
The link to the page is: https://srwor.com/
Any help is greatly appreciated.
Thanks.
Hello @KetanKumar,
Can you please assist me. I can't seem to figure it out.
password: ShopGrace
The image says *Fee Bottle on Orders Over $65.
Thank you!
possible this look at mobile please confirm
Yes that is the image I'm having trouble with. I see that in the mobile version it might not look good.
What do yo recommend?
Should I just paste that code to make it look the way you made it or is there another solution?
yes please change image size
Hi @KetanKumar
Can you please help me,
This is my site: https://eltemplodelamoda.com/
I can´t adjust the size image of the collections on mobile and pc,
What do you recommend ?
Thanks a lot
Hi @KetanKumar
Can you please help me as well?
My pictures aren't fitting right between desktop and mobile.
https://funkybirdieamber.myshopify.com/collections/adult-anklets
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024