Solved

Button placement and white box mobile version

Restnpepperonis
Tourist
5 0 0

Hey everybody! I've been struggling with the placement and background of my button on the mobile version of the app.

 

The first image banner and button look great. For the next two, the buttons aren't placed on the images, and there is a massive white box with nothing on it. I'm looking to remove the box and move the buttons onto the pictures. This is only on the mobile version.

 

Thanks!

 

https://overdosedart.com/ 

Accepted Solution (1)

Anshul_arora
Navigator
292 68 48

This is an accepted solution.

Hello @Restnpepperonis ,

I understand you are looking to resolve the issue appearing related to the button.

You can fix the button placement issue and remove the white background by using the mentioned code.

Please add the below mentioned code at the end of the theme.liquid file before </body> tag and save.

<style>

@media screen and (max-width: 760px) {
.banner__box {
padding: 0px !important;
position: absolute !important;
height:300px !important;
}
}

</style>

 

Output =>

Anshul_arora_0-1710403951218.png

 

I hope the code helps you.

Please share if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 4 (4)

sahilsharma9515
Shopify Partner
823 93 145

Hi @Restnpepperonis Thanks for providing the URL, but your store is password protected, so can you please provide the Password of your store so that I can look into the issue you are facing and will provide you the solution.

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Moeed
Shopify Partner
3689 930 1161

Hey @Restnpepperonis 

 

Can you share your Store Password as well?

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Anshul_arora
Navigator
292 68 48

This is an accepted solution.

Hello @Restnpepperonis ,

I understand you are looking to resolve the issue appearing related to the button.

You can fix the button placement issue and remove the white background by using the mentioned code.

Please add the below mentioned code at the end of the theme.liquid file before </body> tag and save.

<style>

@media screen and (max-width: 760px) {
.banner__box {
padding: 0px !important;
position: absolute !important;
height:300px !important;
}
}

</style>

 

Output =>

Anshul_arora_0-1710403951218.png

 

I hope the code helps you.

Please share if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
Restnpepperonis
Tourist
5 0 0

Thank you so much!