Mobile version not displaying properly

Sandra45MJ
Excursionist
19 0 4

Hi all, recently I was helped by Shopify's wonderful customer service with moving the button on my home page banner, however I just discovered it's not in the proper place when I enter from my phone. It's showing up in the middle of the banner, while it should be under the writing on the banner (position 7, 17 or something like that). Also, the banner overall is not fitting properly on the phone screen. 

Help will be highly appreciated!

Website url: www.crueltyfreebabe.com

Password: neunoz

0 Likes
Natztech
Shopify Partner
1404 393 950

Hello can you please share your preview link 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Natztech
Shopify Partner
1404 393 950

hello @Sandra45MJ 

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 (max-width: 749px){
#shopify-section-hero-1{
	--color-image-overlay: none;
}
.hero#Hero-hero-1 {
    background-size: contain;
    height: 100%;
}
.hero__inner {
    display: block;
    padding: 0;
}
.btn.hero__btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(10px, 10px);
}
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Sandra45MJ
Excursionist
19 0 4

Thank you! However, while the banner is good, the button is in the wrong place. See photo attached.

Thank you in advance!

IMG_4816.PNG

0 Likes