reduce space between text and gallery

Hi,

On mobile I would like to reduce the space between text and image gallery bottom of page as seen on attachment.

I've searched the forum for code but no result so for. Many thanks!

@hvdm Happy to help, can you share your website URL (and password) so I can provide a solution?

I've send you PM. Tnx

This is the problem you're experiencing:

https://www.will-myers.com/articles/fixing-the-tablet-spacing-problem-in-squarespace-fluid-engine

It's a major issue with Fluid Engine, and no great fix as of yet...

I optimised in phone view and adjusted sections already. But still there is a giant gap above the gallery section. What code should I use to solve this?

Did you watch that video I sent and try that fix? If you did and that didn't work, here's another explainer: 

and a chrome extension that can help:
https://chrome.google.com/webstore/detail/fluid-engine-tablet-spaci/gemmfnoajaghnaddkccmekbchdgckdab

32 minutes ago, hvdm said:

I optimised in phone view and adjusted sections already. But still there is a giant gap above the gallery section. What code should I use to solve this?

 

Optimizing in phone view is not enough when you have large blocks of text.

Thank you. But we do not have a problem on ipad, but on mobile. The point is, is that the gallery section on mobile is way to high. I would like to adjust space above and under gallery on mobile. If I do that on 'edit section', the desktop version will also change. Do you understand the problem?

That section looks like it is set to Large. Click on Edit section, and change from L to S. Or click the toggle for Fill screen.

Sorry I wasn't addressing the issue you were referring to, but the problem I was highlighting is as big a problem on tablet:

https://www.loom.com/share/c471d5c1841d48e7912843471810aced

You can see more than half the white space is caused by the text block issue, and half by the section being set to Large.

Many thanks! Great! 

I see that the space is still relatively wide. Do you think there is still a way to reduce it more on mobile?

Thanks again.

On 10/28/2022 at 8:43 PM, hvdm said:

Many thanks! Great! 

I see that the space is still relatively wide. Do you think there is still a way to reduce it more on mobile?

Thanks again.

Can you share link to page where you have problem? We can check easier

https://www.hansvandermeer.nl/work/okayama

On all project pages there is a gallery. The space between text and gallery is VERY wide on mobile view. Is it possible to reduce this giant space?

On 11/1/2022 at 10:13 PM, hvdm said:

https://www.hansvandermeer.nl/work/okayama

On all project pages there is a gallery. The space between text and gallery is VERY wide on mobile view. Is it possible to reduce this giant space?

It looks like you solved with this CSS?

@media screen and (max-width: 767px) {
    .gallery-slideshow {
        padding-top:0 !important;
        padding-bottom: 0 !important
    }
}

46 minutes ago, tuanphan said:

It looks like you solved with this CSS?

For me the spacing issue comes mainly from the text block issue on Fluid Engine (there is no padding on the gallery), which is "fixable" via the methods I shared from other earlier in this thread.