Even more CSS Problems

Hi Enfold Support Team,

I’m experiencing persistent CSS issues with the Enfold theme on my WordPress site that are affecting responsiveness and styling, particularly for mobile and desktop layouts. Custom CSS added via Quick CSS or the child theme’s style.css often fails to apply, gets overridden, or doesn’t update despite clearing all caches (browser, plugins, server-side). Changes to theme options like advanced styling, colors, or typography also don’t reflect on the frontend reliably.

Specific Problems
Caching/Loading Issues: Styles revert or show defaults even after disabling CSS/JS merging and compression in Enfold > Performance.

Responsive Design Breaks: Headings get cut off on iPad/smaller screens (e.g., change font-weight to bold, font-size smaller, text-transform uppercase based on viewport).
​
Typography Overrides: Headings and text styles (bold, small caps, uppercase/lowercase transforms) fail to adapt responsively across devices, requiring constant !important hacks that still don’t stick.
​
Overrides and Conflicts: Theme options ignore inputs; unclosed Quick CSS blocks break everything; plugin conflicts (e.g., forms, checkouts) exacerbate issues.
​
Troubleshooting Steps Tried
Cleared caches everywhere and tested in incognito mode across browsers (Chrome, Safari, Firefox).
​
Disabled caching plugins, performance optimizations, and child theme customizations temporarily—no fix.

Updated WordPress, Enfold, PHP (tested 7.4 vs. 8), and relevant plugins; issue persists across devices including Mac OS.
​
A staging site/credentials can be provided for testing. Any guidance on debugging responsive heading styles, CSS caching, or fixes would be greatly appreciated!
​

• This topic was modified 1 hour, 34 minutes ago by Sonno.