FROM CACHE - en_header

shop now button

sachin17
Tourist
4 0 1

When i open my website in laptop the shop now button image on  the banner image but when i open it in my phone it appears below the banner image. can anyone tell me why is it so and how can i make it appear on the banner image?

Replies 3 (3)
UmairA
Shopify Partner
1106 100 221

Hi @sachin17 ,

Please share your image URL so I can take a closer look at the issue and share the solution here. Thanks

Umair Abbas

Hire me for: Shopify Development | Conversion Rate Optimization | Custom Coding
umairabbascs@gmail.com || WhatsApp || LinkedIn
Want to 2X your store's sales with a highly converting design & stunning user experience? Contact me for FREE consultation and store audit!
sachin17
Tourist
4 0 1
My website is regalshopper.com please check it in mobile.

UmairA
Shopify Partner
1106 100 221

Hi @sachin17 ,

Add the following code to your theme.scss.liquid file (Edit theme code > Asstets > theme.scss.liquid)

@media only screen and (max-width: 480px) {
.hero__adapt-text-wrap {
    margin-bottom: 6rem !important;
    margin-top: -7.5rem !important;
}
}

 

Let me know if you need help with anything else.

Umair Abbas

 

Hire me for: Shopify Development | Conversion Rate Optimization | Custom Coding
umairabbascs@gmail.com || WhatsApp || LinkedIn
Want to 2X your store's sales with a highly converting design & stunning user experience? Contact me for FREE consultation and store audit!