Lately, several of our merchants have encountered a stylesheet compilation error when opening their theme editor.
The options presented are Ignore error and Open template editor (theme files), so we have gathered some additional steps to resolve this error in your store.
Why is this happening?
The stylesheet is your theme’s reference for the storefront’s appearance. At times, the Shopify server is unable to process the stylesheet within a reasonable time and an error message is presented.
It is unclear why this is happening more often lately, but could be connected to the many businesses currently pivoting to online sales.
A recent tweet from Shopify's CTO supports this explanation:
Step 1: Refresh the page
The stylesheet is compiled by the theme editor within a set window of time. It could be the case that the first load wasn't successful, so refreshing the page gives it another chance to compile.
One factor of the stylesheet loading successfully is the network speed. If you have any other windows or tabs open with content downloading (e.g. videos, teleconferencing), it may be worth pausing or closing these temporarily to dedicate network performance to the theme editor.
Step 2: Update your theme
Add the latest version to your Online Store to transfer over content, customizations, and settings.
Using the latest version means you’re using the theme most optimized for the platform. Getting up to date puts your theme in the best position for avoiding errors like this.
Version 3.0.0+ includes a special enhancement for avoiding this compilation error.
There is a workaround for older versions, as well, but it involves substantial theme file adjustments. Consider this guide as a patch if you're only able to use your current version: Splitting your theme's CSS file for compilation errors