When working on detailed page designs, more space means better focus. GemPages lets you enable editor full screen mode, giving you a wider workspace without distractions. This guide shows you how to turn on full screen mode in just a few steps.
Shopify’s Polaris interface provides a consistent experience across apps, making navigation smoother. However, for design tools like GemPages, switching to full-screen mode or opening the editor in a new tab gives you more space to work.
This guide will show you two quick steps to enable full-screen mode and enhance your editing process.
How to Enable Editor Full Screen Mode in GemPages
Step 1: In your Shopify Admin, access Apps > GemPages Builder.
Step 2: Open the Preferences section.
Step 3: Go to “Store settings” and enable the “Open in full screen” option.
Step 4: Check the result in GemPages Editor.
FAQs
1. How do I make my homepage full screen for visitors?
To create a full-screen homepage in GemPages, add a Hero Banner or Row element to your page, then configure its layout settings to Full Width and Full Height (100vh). This ensures the section spans the entire width and height of the viewport. For optimal display, use high-quality images or videos as backgrounds and adjust content alignment and padding as needed.
2. Will full screen sections work on mobile and tablet?
Yes. Always preview your page on different devices in GemPages to ensure the full-screen layout looks good across Desktop, Tablet, and Mobile.
3. Can I use images or videos in full screen sections?
Absolutely. You can set a background image or video for your full-screen section using the Hero Banner element. Consider adding an overlay to maintain text readability over images or videos.
Thank you for your comments