Help My banner cuts off on my mobile view website !!!!!!!!

Highlighted
Tourist
31 0 2

Hello  @KetanKumar 

I also meet this issue, would you please help me? The banner is look like this in the mobile phone.

1601085273(1).png

The normal banner is here:

banner01.png

Thank you so much!

1 Like
Highlighted
Shopify Partner
8561 1139 2983

Hello, @wangecho 

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
Tourist
31 0 2
0 Likes
Highlighted
Shopify Partner
8561 1139 2983

@wangecho 

it can be done some customization code send PM

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
31 0 2

The product page shows in desktop is the same size as by moblie phone.

0 Likes
Highlighted
New Member
1 0 1

Hi there,

I'm experiencing similar issues with my site: https://timberlandsupplyonline.com/

I tried copy pasting the code you provided and I'm still not seeing any change. Admittedly, I don't have a coding background so that may be part of the problem.

1 Like
Highlighted
Shopify Partner
8561 1139 2983

Hello, @TimberlandS 

Thanks for post.

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-1599758262223 .hero {
    height: auto;
    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
13 0 0

@KetanKumar Hi, please help me.  The same thing I experience on my mobile device. The image is not full width and there is a white gap between the hero image and the featured collection.  The overlay text is below my hero image and not over the image.

my URL is www.https://everythingcutesy.myshopify.com/

password ETC10

0 Likes
Highlighted
Shopify Partner
8561 1139 2983

@kokoshana 

Thanks 

can you please give me screenshots further isssue

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
13 0 0

the text is supposed to be an overlay text infront of the hero image but its at the bottom and the image is cut on mobile devicethe text is supposed to be an overlay text infront of the hero image but its at the bottom and the image is cut on mobile devicethis is how I want it look but this is a different themethis is how I want it look but this is a different theme

@KetanKumar 

0 Likes