How to remove empty space on mobile view

Hello,

On the desktop version, we removed all the large empty spaces. I would like to ask how we can remove the ones on the mobile version as well, as shown in the screenshot? It is located here: https://ivoltbg.info/products/

Best regards,
Nikola

Attachments:

You must be logged in to view attached files.

Hi ivoltbg,

Thanks for reaching to us and appreciate your patience.

You are using custom layouts for a product page, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > Layouts and you can reduce the margin bottom value.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,
Hung PD

Hello, thank you, but on which layout in my case exactly?

Best regards, Nikola

Hi ivoltbg,

Please see private section.

Regards,
Hung PD

Hi,

what do you mean with this?

Regards, Nikola

Hi ivoltbg,

You need to edit that template and combine with my previous instructions.

Regards,
Hung PD

Hi,

I found exactly where this margin-bottom is. I’m attaching a screenshot. On the web version it looks fine, but on mobile there’s no change. The spacing is the same as in the previous screenshot. Could you fix it, please?

Best regards, Nikola

Hi ivoltbg,

Please double check.

Regards,
Hung PD

Hi,

It worked. There were also such large empty spaces in other places, but I just switched to the mobile view in Elementor and reduced it to 0 px from there, probably the same way you did. It worked, thank you. You can close the ticket.

Best regards,
Nikola

[Author]

Posts