White spaces between tables in Debut theme - Worse on a mobile!

Hi Everyone,

Can someone please help me? I am using Debut theme and I have created a page using tables but there are uneven white gaps between the content which look even worse on a mobile. Furthermore, you can only view the particular page on a mobile if the mobile is horizontal otherwise it looks terrible. I would like it so the gaps are even and not so much space between each section.

Here is my page I need help with.
www.picturegallerybedford.co.uk//pages/digital-photo-printing-service-in-bedford

I have looked at lots of suggestions but when I go into the css the information isn’t there to change. I am thinking it may be because the theme is out of date but I really don’t know.

Thank you in advance.

Hi @joyb1 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


Hope my answer will help you.

Best regards,

Victor | PageFly

Hello Victor,

Thank you so much for your reply. I have added the code and it has nearly solved the issue and looks much better, but for some reason I still have a wider gap between the first and second table. I have looked through the code on the first table and I cannot see why it is adding a wider gap between the first and second table?

Kind regards
@joyb1

Hi @joyb1

This is Richard from PageFly - Shopify Page Builder App

About this problem you may be because the responsiveness of the theme is not good, please contact the theme to get the necessary support

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like