Why is there a new white bar on my custom template's homepage and collections page?

Topic summary

  • A new white bar appeared on the right side of a custom Shopify store’s homepage and collections pages; product pages are unaffected. The owner suspects a layout/width change, possibly from a third‑party app, despite no code edits.

  • Helpers requested the store URL (and password if applicable); the URL was provided: footballvintagetees.com.

  • Proposed fix: add a CSS rule in theme.scss.liquid to hide overflow in the featured collections TabPanel: #shopify-section-featured-collections .TabPanel { overflow: hidden !important; }. This aims to prevent extra horizontal space causing the white bar.

  • Action items: implement the CSS via Online Store > Themes > Edit code > Assets and test if the bar disappears.

  • Status: no confirmation of results yet; discussion remains open. An image attachment (whitebar.png) visually illustrates the issue and is central to understanding the problem.

Summarized with AI on January 18. AI used: gpt-5.

So just recently this white bar has appered on our store. Last week it wasnt there but now it is for some reason.

It apperes that maybe the width of the store has change and its really ruining the website. i googled everything but no one has the same problem. We are using a custom shopify template for this webiste. This white bar on the right only apperes on home page and on the collections page, there is no white bar on the product pages.

If anybody knows what this is, please let us know.

Its weird becouse nobody has touched the code, maybe some third-party plugins changed something but yea no idea on what this caused.

Hey @zannykokotic

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Hi @zannykokotic

Could you share your store URL to check?

yes of course

https://footballvintagetees.com/

here it is

https://footballvintagetees.com/

Hi @zannykokotic

Please add this CSS code at the bottom of your theme.scss.liquid file in Online store > Themes > Edit code > Asset

#shopify-section-featured-collections .TabPanel { overflow: hidden !important; }