Wix Editor: Removing Gaps on Your Mobile Site

The mobile editor automatically creates an optimized version of your site for mobile view, however, in some cases, additional editing is required.

Unwanted gaps may appear on your live mobile site between elements, under elements or between your page and footer.

Did you know?

You can enable the Spacing Guide tool to help you identify when the gaps on your site are equal to other gaps on your site.

---

Removing gaps under the Pro Gallery slideshow layout

If you've enabled the info bar setting, a blank space may appear under your Pro Gallery. Resizing the info bar will reduce the gap, helping to eliminate any space below your gallery.

To remove the gap under the Pro Gallery:

1. Click the Pro Gallery in the mobile editor.

2. Click Settings.

3. Click the Layout tab.

4. Click Customize Layout.

5. Set the Info Bar Size to a lower number or to 0 to remove the empty space.

---

Removing gaps between the page and footer

In some cases, a site may display a gap between the end of the page and the top of the footer when viewed on a mobile device. While these gaps are not visible in the editor, you can remove them by adjusting the page height.

To remove the gap between the page and the footer:

1. Open the mobile editor.

2. Scroll to the bottom of the page.

3. Click anywhere on the area of the page body that is close to the footer

4. Double-click on the Page Height icon

   

   to remove any gaps between the header and footer.

---

FAQs

Click a question below to learn more.

Is there any tools I can use to help me with gaps and spacing on my site?

You can use the Auto Space on Drag tool to automatically adjust the space between elements when you place an item in the gap between them. Additionally, you can use the Spacing Guide tool to indicate when the gap size is equal to other gaps on your section.

Will these changes be reflected on my desktop site?

Any changes you make using the mobile editor are not reflected on your desktop site.

I can see a gap on my site, why am I unable to click it?

If you are unable to click the gap on your mobile site, this may be because there are overlapping elements. Use the Layers Tool to select the elements needed.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!