How to remove banner gaps on mobile

I wanted to make the homepage look nicer on mobile. Its perfect on desktop, but on mobile there are giant gaps appearing, I would like to reduce these to zero and have all banners stacked on top of each other.

The bottom two banners I would like side-by-side, as they appear on desktop…not stacked one on top of the other as it currently is.

Attachments:

You must be logged in to view attached files.

Hello,

This padding https://gyazo.com/31c8a59310769dc24686ea2affeddca8 is important for all the Woocommerce templates, in order to remove it from the home page you need to add this negative margin to the first section if you use Elementor https://prnt.sc/uhivji or set margin-top:-40px in the upper row settings: http://prntscr.com/lexqqs for WP bakery page builder.

If you have any questions please feel free to contact us.

Best Regards

Is there a way to have the margin removed on mobile only?

Hello,

Both the Elementor section and WP Bakery row have the option to set different margins for different devices.

You can find the option in the Design tab for WP bakery page builder and the Advanced tab for Elementor.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts