Tried the solutions from a few other blog posts, nothing worked. I tried editing the code and it fixed nothing. Using theme “Refresh.” Refer to the arrows in the photo below.
Anyone know what to do?
Topic summary
A user encountered unwanted empty space appearing on the side and top of their Shopify website using the “Refresh” theme. They had already attempted solutions from other sources without success.
Solution provided:
- Add custom CSS code to the
theme.liquidfile - Insert the code snippet above the
</body>tag - The CSS targets body margins and padding to eliminate the unwanted spacing
Resolution:
The user initially had difficulty locating the </body> tag but successfully implemented the fix after clarification. The custom CSS code resolved the spacing issue completely.
1 Like
Hey @Maverick4
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
1 Like
Hey @Maverick4
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
1 Like
I can’t seem to find the tagline in my CSS. Anything else?
Hey @Maverick4
You just simply have to add this in your theme.liquid file in the end, you will find a tag
Fixed!!! Thank you so much
1 Like
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.