Mobile View

Solved
Highlighted
Tourist
5 0 3

My store is https://hespeakstoday.com/. There is an image in the middle of the page that does not show well in mobile view. Would someone please help?

Highlighted
Shopify Partner
9550 1200 3354

Hello, @LeighK 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your issue screenshot,
So I will check and provide a solution here.

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
Highlighted
Tourist
5 0 3

Thanks so much for your reply.  I have two similar issues.

First, I have an image that I added to the homepage through the gallery section.  Only a portion of the image can be seen on a mobile device.  I have screen shots of both the mobile and the desktop.

Second is a similar issue.  I added an image above the banner using the Slideshow section.  It displays perfectly fine on the desktop; however, in the mobile view the background is not visible.  Only the text is visible. 

Both images are attached.  Any help will be appreciated.

Middle-Image.jpg

Top-Image.jpg

 

Highlighted
Shopify Partner
9550 1200 3354

This is an accepted solution.

@LeighK 

Thanks 

can you please try this 
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-160572568715f8fdf7 .image-bar__item {
    background-size: 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
0 Likes
Highlighted
Tourist
5 0 3

Thank you!  This worked.  I can totally see the middle image in the mobile view. 

I am still working on the top image immediately above the banner.

Highlighted
Shopify Partner
9550 1200 3354

@LeighK 

Thanks for update and support.

 

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
Highlighted
Tourist
8 0 3

Hello,

I am having this same issue with the mobile  format. My entire image isn’t being loaded. It’s cut off. I entered the code referenced in this thread and it didn’t solve my issue. Could you assist me?

 Thank you 

Highlighted
Shopify Partner
9550 1200 3354

Hello, @Jwatkin8 

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.

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
Highlighted
Highlighted