Hi, i’m having issues with one of the images on my homepage, as you can see it fits perfectly on the desktop but it all gets cut off on the mobile view. I am using the Debut theme.
Thanks 
1 Like
Sorry for facing this issue, it’s my pleasure to help us.
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.
1 Like
1 Like
Thanks for the store URL.
- Go to Online Store->Theme->Edit code
- 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: 260px;}
}
2 Likes
Worked perfectly, thanks so much!
it’s my pleasure to help us.
I am having the same issue…tried adding this code and it is not working. Any idea what might be wrong?
My url is https://pineappleboxjewelry.com
1 Like
sorry for this issue but your store is password protect please share us
1 Like
1 Like
On the desktop, the whole image shows like this:
On mobile, it cuts off the main focal point of the image, which is the person holding the pineapple:
I would like the full image to be viewable in the mobile view, or at least be able to align it to the right.
In addition to this image issue, I have a couple other questions:
-
How do I change the font color of the password page? I’ve followed instructions to change from the Color menu, but that just changes the other pages; it does not change the password page.
-
How can I change the spacing between the logo and the ‘Coming Soon’…it is way too close together.
1 Like
1 Like
@KetanKumar yes, just like that!
Can you also advise me on the other two concerns as well?
1 Like
thanks for confirming please add this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.password-page {background-position: -750px 0px;}
}
1 Like
This works great, thank you! @KetanKumar
1 Like
it’s my pleasure to help us
1 Like
Hi,
I have the same sort of issue: Theme is DEBUT and images are all fine on desktop and by brands on mobile but if searched by categories it is all uneven.
I have tried the edits proposed on this conversation but it didn’t work: could you help ?
Shop is: www.thefrenchpharmacy.co
Many thanks
1 Like
sorry store url doesn’t work can you please check
So sorry: here it is:
Hi,
I face similar issues like most others about the mobile banner being cut off (while the desktop version looks fine).
I have tried pasting your codes in the solution you provided, but nothing worked for me.
Please help.
My url is www.laurenglacia.com
1 Like