Screen Stylesheet
The Screen Stylesheet controls how your site looks on desktop and mobile screens separate from print or checkout styling.
What you can do here
- Add or edit CSS rules for screen display
- Set responsive styles for mobile and tablet
- Override default screen styling from your theme
Step by step
- Go to Design > Design Elements > Screen Stylesheet in the Design menu.
- Edit the CSS in the code editor.
- Save and check your site on both desktop and mobile.
Tips
- Test your changes on a few different screen sizes before you publish what looks great on desktop can look cramped on mobile.
- Keep a copy of your original CSS somewhere safe before making big changes, so you can roll back easily if needed.
- Small tweaks are safer than big rewrites change one thing at a time and check the result.
Ask the assistant
AI assistant support for this screen is coming soon.