Debut Theme: Trying to get Desktop and mobile view to look the same

noire
Tourist
3 0 1

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 viewmobile viewdesktop viewdesktop view

 

Please let me know. Thank you so much!

 

0 Likes
KetanKumar
Shopify Partner
14255 1657 5133

@noire 

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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
noire
Tourist
3 0 1

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? 

 

0 Likes
noire
Tourist
3 0 1

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?

KetanKumar
Shopify Partner
14255 1657 5133

@noire 

sorry for late reply 

i have check this but i can't see any issue can you please share further issue screenshot 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes