Help needed removing space below body and footer

I’ve got a storefront with a theme. Someone else put this together and I’m starting to modify it and improve the design. It looks like the height of the page is being increased by something but I”m having trouble pinpointing what it is.

Hi @mosloth

A screenshot or more info would help me and others understand your issue better. A URL to your site would help too.

Here you can see the body is encapsilating all the content then there is extra below it. The live chat and cart are floating and shouldn’t affect the document height like this so I’m having trouble figuring out what it is.

Here is a url as well. Sorry I was planning to include it. Thanks for the quick response!

url: https://cardcooptcg.com/

Please add this code to Custom CSS in Theme settings to solve the issue

#shopify-section-template--15533934051462__home_popular_products_collection_PcTN3i { overflow-y: clip; }

Best regards,
Dan from Ryviu: Product Reviews App

Hey, this did not fix my issue

I was able to figure out what the deal was. I guess in the theme background there is a circle shape that was extending too far down. Below line 5 of this home_popular_collection there was a circleShap-7 that I deleted that made the height of the page go back to normal.

Could someone help me understand where these “circle-shap” divs originate from? Is this from the theme file or what? Sorry I’m newer to shopify and am just trying to understand for future reference. This was kind of frustrating and such a dumb fix haha!

1 Like

Well when theme/section developers can’t spell “trending” correctly, who knows what’s gonna happen…

1 Like