Why does my banner cut off on mobile app?

Technical Q&A
1

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

2

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

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;
}
}
1 Like
4

Hi,

This still does not work

5

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

1 Like
6

Yeah how do I do that

7

I have added you

8

can you please check now it done

1 Like
9

This is how to appears
This is how to appears1242×1301 159 KB

This is how it appears now, very squished