Back to Theme support

Sudden layout issues

Are you facing unexpected alterations in your theme's layout? Are sections that should be displayed side by side now stacking on top of each other? Or has your newsletter signup button mysteriously shifted below the email address form? If any of these issues sound familiar, it's likely that you're experiencing a problem caused by Shopify's server-side minification process, which is designed to optimize performance by compressing your theme's stylesheet.

Unfortunately, Shopify's ongoing testing includes reports on both successful and unsuccessful outcomes of this minification change. Regrettably, it seems that one of their recent modifications conflicts with certain entries in your theme's stylesheet, resulting in the unintended behavior you're currently witnessing.

Thankfully, resolving this issue is straightforward. Follow these steps:

  1. In your Shopify store admin, navigate to the Themes page.
  2. Locate the small menu icon (three dots) next to your theme and select "Edit Code."
  3. Once the code editor opens, click on the "Assets" folder and find the file named "stylesheet.css."
  4. On line 1 of this file before any other content simply add:   { } 
  5. Save your changes.

By following these steps, you should be able to restore your store's appearance to its normal state.

If you encounter any further issues or feel unsure about making code changes, please don't hesitate to reach out to our dedicated support team. They will be more than happy to assist you.

Themes and versions impacted by this issue are:

  1. Mr Parker: v7.3 - v7.5.2
  2. Vantage: v7 - v7.4.2
  3. Testament: v7 - v8.7.1
  4. Icon: v7.3 - v9.1.0
  5. Fashionopolism: v6 - v6.7.6