A user is experiencing mobile-specific layout issues where buttons are not properly positioned on image banners, and a large white box appears with nothing on it. The problem affects the second and third banners, while the first displays correctly.
Troubleshooting Steps:
</body> tag in the theme.liquid fileResolution:
The original poster confirmed the solution worked, thanking the community for their help. The issue appears to be resolved through the provided CSS fix.
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!
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
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 tag and save.
Output =>
I hope the code helps you.
Please share if you have any query.
Thank you.
Thank you so much!
