Solved

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

noire
Tourist
4 0 2

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!

 

Accepted Solutions (3)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@noire 

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

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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 Partner | 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
4 0 2

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? 

 

noire
Tourist
4 0 2

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
36839 3635 11972

This is an accepted solution.

@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 Partner | 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
4 0 2

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:

desktop blurry.jpgphone view clean.png

 

The desktop view is blurry mobile view is clear.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@noire 

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

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing