Mobile-specific extra white space issue

On mobile, on the Home page on the "from the blog" section where there is a Summary block there's a huge white section which i can't get rid of. I've tried editing the section height but nothing works. Any suggestions? 

Also why does it say that the website is Not Secure on mobile?

@melody495 Any suggestions for this?

Most likely only manual CSS fix will help so please provide link to the site.

As for not secure, either some settings in the domain are not working, or you including something scripts like scripts with http:// and and not https://, e.g.

<script src="http://domain.com">...</script>

On 2/8/2024 at 8:35 AM, erotokritousimone said:

On mobile, on the Home page on the "from the blog" section where there is a Summary block there's a huge white section which i can't get rid of. I've tried editing the section height but nothing works. Any suggestions? 

Hi, have you fixed the white gap issue? I don't see it on my phone. Android, chrome.

@melody495 No I can still see it on iPhone Safari.

@nick_sh Website is: georgia saba.com

Where can I check for scripts in CSS?

@erotokritousimone which page?

@nick_sh On mobile on the Home page on the "from the blog" section where there is a Summary block there's a huge white section which i can't get rid of.

It seems like the problem is on iPhone - Safari browser.

I don't see much space, but you can try adding to Custom CSS:

Play with 52 to achieve the desire result. 

.fe-65393745a43b860bedb35c26 {
  @media (max-width: 767px) {
      grid-template-rows: repeat(52,minmax(24px, auto)) !important; 
  }
}

Hi - I'm having the same issue. Extra white space under summary block in mobile on both Safari and Chrome.

https://www.gillianpartridge.com/

On 6/14/2024 at 11:59 PM, gmccullough said:

Hi - I'm having the same issue. Extra white space under summary block in mobile on both Safari and Chrome.

https://www.gillianpartridge.com/

You can use this code to Custom CSS box

@media screen and (max-width:767px) {
.fe-666a7bb9342a742292a41b42 {
    grid-template-rows: repeat(25,minmax(24px, auto)) !important;
}
}

I'm having the same issue. Grateful for suggestions.

Looks fine on desktop. Looks fine on mobile view when I'm editing in fluid engine. But when I view it on mobile phone (both safari and chrome) there is a huge white space under summary blocks.

website is https://www.foodgardenlife.com/

On 8/30/2024 at 8:34 PM, stevenbiggs said:

I'm having the same issue. Grateful for suggestions.

Looks fine on desktop. Looks fine on mobile view when I'm editing in fluid engine. But when I view it on mobile phone (both safari and chrome) there is a huge white space under summary blocks.

website is https://www.foodgardenlife.com/

You mean this?

55 minutes ago, tuanphan said:

You mean this?

Yes. Under the summary blocks. I'll attach a picture, as the space on my mobile phone is big enough that from the bottom of the summary block you cannot see the button.

On 9/2/2024 at 5:39 PM, stevenbiggs said:

Yes. Under the summary blocks. I'll attach a picture, as the space on my mobile phone is big enough that from the bottom of the summary block you cannot see the button.

You try this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
.fe-669f88da15b1252ca14d1792 {
    grid-template-rows: repeat(90,minmax(24px, auto)) !important;
}
}

8 hours ago, tuanphan said:

@media screen and (max-width:767px) {
.fe-669f88da15b1252ca14d1792 {
    grid-template-rows: repeat(90,minmax(24px, auto)) !important;
}
}

@tuanphan This code fixes the spacing issue. Thank you!