After compiling SCSS changes on a WordPress site, you may find that the changes do not take effect. This is often caused by cache plugins.
Cache plugins generate cached versions of pages, stylesheets, and scripts to improve site performance. However, this may cause newly compiled SCSS changes to not take effect.
As an example, if plugins such as
autoptimize or
wp super cache
are enabled on your site, checking the cache settings for these plugins or clearing the cache will often solve the problem.
The best way to avoid cache problems is to temporarily disable cache plugins during development or while making design changes. Once the changes are complete, remember to re-enable the cache plugin and re-generate the cache.