Does anyone know how to remove the white padding at the top? (FOR MOBILE ONLY)
Website: www.audette.store (code:test)
Topic summary
A user is experiencing unwanted white padding at the top of their mobile site (www.audette.store) and seeks a solution to remove it.
Current Status:
- One respondent cannot reproduce the issue and sees no white space on mobile
- Another user provided a CSS solution targeting mobile devices
Proposed Solution:
- Add custom CSS code to the theme.liquid file (above the
</body>tag) - The code uses a media query to apply
padding-top: 0px !important;to the page width container, specifically for screens under 750px width - A screenshot shows the expected result after applying the fix
Resolution: The discussion remains open, awaiting confirmation from the original poster on whether the CSS solution resolves their issue or if the white space persists.
1 Like
Hi @withaudette , i dont see any white space, please double check on this
Hey @withaudette
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed