Banner cuts off on mobile phone

essenceno1
New Member
7 0 0

Hi, My Banner cuts off on my mobile phone app - It's fine on the computer, but when you open it on the mobile phone it keeps cutting off!

 

https://essence-no1.myshopify.com/

Password: Aushow

0 Likes
Pallavi
Shopify Expert
2383 397 515

Hello There,

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){
div#Hero-hero-1 {
max-width: 100%;
height: auto;
width: 100%;
height: 350px!important;
background-size: contain;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
2094 533 1284

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 768px){
.index-section  #Hero-hero-1{
	background-size: 100% 100% !important;
}
}
essenceno1
New Member
7 0 0
Hi,

This still does not work
0 Likes
Natztech
Shopify Partner
2094 533 1284

can you please add me as staff member so that i check it

essenceno1
New Member
7 0 0
Yeah how do I do that
0 Likes
essenceno1
New Member
7 0 0

I have added you 

0 Likes
Natztech
Shopify Partner
2094 533 1284

can you please check now it done 

essenceno1
New Member
7 0 0

This is how to appearsThis is how to appears

 

This is how it appears now, very squished

0 Likes