Shopify homepage not displaying - please troubleshoot

Shopify Discussion

Topic summary

Shopify homepage content not rendering in Google Chrome, showing only the navigation bar and footer, while Safari displays correctly. Clearing Chrome’s browsing data did not fix the issue. Screenshots are provided, making the images central to understanding the display problem.

Proposed cause: A Chrome-specific issue rather than a Shopify platform fault.

Suggested fixes:

  • Adjust or disable Chrome Ad Block extensions; whitelist the domain so ads/content aren’t blocked.
  • Turn Chrome sync off and log out of the Google account, clear all browsing data, then open chrome://flags (Chrome’s experimental settings) and select “Reset all to default.”

Key terms:

  • Ad Block extension: browser add-on that filters ads; can inadvertently hide page elements.
  • chrome://flags: internal Chrome page to toggle experimental features; resetting can restore default behavior.

Outcome/Status: No confirmed resolution yet. Action items provided for troubleshooting; discussion remains open.

Summarized with AI on February 9. AI used: gpt-5.
1

I am considering using Shopify to create a store; however I’m experiencing a weird css error on their homepage using google chrome. It’s only displaying the nav bar and footer. Everything else is hidden. I have attempted to clear browsing data although it didn’t work. It’s working okay on safari. Normally this would be just annoying inconvenience, although I’d hate to build a store and customers have same problem. Any idea what caused this and how to fix?

Screen Shot 2022-09-11 at 1.21.16 pm.png
Screen Shot 2022-09-11 at 1.21.16 pm.png2806×1584 364 KB

Screen Shot 2022-09-11 at 1.21.32 pm.png
Screen Shot 2022-09-11 at 1.21.32 pm.png2796×1358 352 KB

2

Hi BenStrachan,

Google Chrome is the problem, not Shopify. That’s why the site propagates without issues when using Safari, but does not appear properly when using Google Chrome.

Two Potential Solutions:

  1. Deactivate any Google Chrome "Ad Block’ Extensions - If you have downloaded a Google Chrome Ad Block extension, try customizing it by clicking on “Show ads on a webpage or domain”, then enter the desired webpage address into the “The domain or URL where AdBlock shouldn’t block anything field”, then hitting the “OK!” button.

Option Two:

  1. Turn sync off and completely log out of your Google account.
  2. Clear all browsing data.
  3. Then, go to — chrome://flags
  4. Click “RESET ALL TO DEFAULT”. You will find that tab/button at the very top right-hand section of the page.

Good luck,
Kevin James | Shopify approved partner
Full-stack & Front-end Developer

1 Like