Hello There!
I am having trouble getting the second photo on my homepage to look the same on Desktop and Mobile view.
I like the mobile view, but it is cut off and looks bad from the desktop view.
Is there anything I can do to get them to look consistent?
Here is my website URL: shopxnoire.com
Also here are some photos to show the comparison between the two:
mobile view
desktop view
Please let me know. Thank you so much!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
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
#shopify-section-160918958813562b86 .hero-fixed-width__image {
object-fit: contain;
}
Hi there!
Thank you so much for your reply!
I followed your instructions and it worked! Only problem I am having now is that the image has turned blurry on Desktop view. When I first made the change it was fine, very clear. I have checked back over the weekend and It went blurry.
Did I do something wrong?
Hello, I am following up with a reply I sent on Feb 21st. Are you still available to help me work through the issue I am having with my shopify store?
sorry for late reply
i have check this but i can't see any issue can you please share further issue screenshot
User | Count |
---|---|
460 | |
195 | |
139 | |
61 | |
42 |