Hi there,
I have a new Shopify store running the Dawn theme. I’ve noticed viewing the site on desktop, when the page height exceeds the content height, that the content gets pushed down to the bottom. Here are two examples (screenshots below):
https://shop.tenniscompanion.org/policies/contact-information
https://shop.tenniscompanion.org/policies/refund-policy
It appears the issue is with the header’s div pushing the content down, so I thought I’d chime in and see if anyone has seen this issue or has a reasonable fix. Thanks for any thoughts you might have!
All the best
Jon
Hi @tenniscompanion ,
The is because the page is trying to take 100% of the screen. I have created custom CSS to modify this. Please add this and see if this works.
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
1 Like
Thank you, Makka! I appreciate your help. For reference to anyone else who stumbles upon this post, I made your suggested edit in the base.css file since I’ve already made a handful of edits in that file and can more easily keep track of them.
