Shopify themes, liquid, logos, and UX
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:
Please let me know. Thank you so much!
Solved! Go to the solution
This is an accepted solution.
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;
}
This is an accepted solution.
sorry for late reply
i have check this but i can't see any issue can you please share further issue screenshot
This is an accepted solution.
Thanks for the clear issue
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
This is an accepted solution.
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?
This is an accepted solution.
sorry for late reply
i have check this but i can't see any issue can you please share further issue screenshot
Thank you for the reply. We took the code off and just added it back on so you could see.
Here is a photo example below:
The desktop view is blurry mobile view is clear.
This is an accepted solution.
Thanks for the clear issue
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
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