To access the Page Editor, go to Storeshop Dashboard → Settings → Design & Customization → Page Editor.
The Gap (spacing) content type allows you to add space between different content blocks, helping to create visual separation between elements on your page.
- Click Add and select Gap.
- Under Gap Size, enter a number in pixels (e.g., 20 or 50) to add space between the elements.
- Under Desktop, choose the size for PC and laptop views.
- Under Mobile, choose the size for mobile view.
You can see in the image below how the Gap works. In this example, I’ve added a gap between the top menu and the banner with an image. The gap is visible as the white space between them.
Finalizing the Edit
- After adding all content, click Update, located at the bottom left of the screen.
- Then, close the content block window and click Save. The Save button is located next to the Add button.