remove spacing at bottom

Hi, our mobile version of our site is showing a large space between the HTML block of scrolling businesses we have worked with, and the black footer with the white Elite logo.

There is no spacing /margin at the bottom of the HTML block for the scrolling logos or for the footer.

Why is this large space displaying and how can we remove it.
Thanks,

Attachments:

You must be logged in to view attached files.

Hi greg-9795,

Thanks for reaching to us.

I didn’t see the white spacing, please let me know if you resolved it.

Regards,

Yeh it is still there, as shown in the photo and on the live site this is for mobile.

Please check the mobile version. It shows on developing the site and on the live site.

Hi greg-9795,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Mobile CSS:

main.wd-content-layout {
    padding-block: 20px;
}

Best Regards,

Hi, it has not worked and has turned red in the CSS box as shown in the attached photo.
Please advise
Thanks,

Attachments:

You must be logged in to view attached files.

Hi greg-9795,

Thanks for your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

hello Hung, see link below. Thank you

Hi greg-9795,

Thanks for details.

You can try using the Images Gallery or Woodmart Slider widgets instead.

Best Regards,

Hello,

Can you please explain what you mean? I think you may have responded to a different topic.

We are looking to rectify the spacing issue on the page.

Thanks

Hi greg-9795,

Please try to use above widgets to see if it works.

Regards,

please explain what you mean. What should I change to use these widgets to achieve what?

Hi greg-9795,

Thanks for your patience.

Please double check, the issue has been resolved https://ibb.co/zQLYcq2

Regards,

Hi Hung,

It appears correct on desktop responsive mode.

Howveer on the actually mobile devices, it is not resolved.

Please help.

Attachments:

You must be logged in to view attached files.

Hi greg-9795,

As you can see, the screenshot was taken on real mobile devices.

Please clear browser cache and double check.

Regards,

Hello,

We have all cleared cache, even downloaded new browsers to confirm and the space is still there.

As you can see, the screenshots were taken on real mobile devices.

What can we do to resolve this.

Attachments:

You must be logged in to view attached files.

Hi,

We additionally checked your website and found that the issue is indeed noticeable on iOS devices. After debugging your site, we discovered that the carousel element from the Elementor plugin appears stretched in height due to WebP carousel images that haven’t yet entered the viewport. This is caused by lazy loading coming from the third-party plugin “Perfmatters”. For verification, we temporarily disabled the plugin and found that after this, the Elementor image carousel looks normal and without the gap. Here’s a screenshot taken from an iPhone at this moment https://monosnap.com/file/u8z4xBMzwuEOEVSeBhcBS828it04BG.

To solve your issue, try disabling this third-party plugin and check again.

Kind Regards

[Author]

Posts