Max CSS

MaxCSS is a lightweight plugin for sites built on the CMS platform. It targets developers and designers who work with custom CSS in the theme customizer and need more screen space to write and edit code. The plugin adds a single button to the Additional CSS panel that expands the editor to fullscreen mode.

• Fullscreen toggle: Click the maxCSS icon to expand the CSS editor to fill the entire browser window. This removes visual clutter and lets you focus on your styles.
• Native browser support: The fullscreen feature uses the standard requestFullscreen JavaScript API. It only activates when the browser supports it, ensuring compatibility without extra code.
• Simple exit options: Press the ESC key or click the maxCSS button again to exit fullscreen mode and return to the normal customizer view.
• Dynamic positioning: The toggle icon is generated and placed inside its container automatically, so it works with different themes and customizer layouts without manual adjustment.
• Easy installation: Download the plugin as a ZIP from the repository and install it through the standard plugin upload process. You can also search for "maxCSS" in the official plugin directory.