A very bug space in header and first block

[XpandaZCustomer]

Hi.

In mobile site a very big space in header and first block.

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Artem TemosStaff]

Hello,

Make sure that you reload the browser after resize. The gap is much smaller on real mobile devices https://gyazo.com/bef64a53207b6bd512db6a1c120937e5

Kind Regards

[XpandaZCustomer]

Hi, it’s smaller, but it’s still big enough.

[Bogdan DonovanStaff]

By default, site header always have 30px bottom spacing to the site’s content. If you want to remove/change this spacing on the homepage only, try to select desired categories row in Elementor editor, navigate to the “Advanced” tab, select mobile devices in the “Margin” option (screenshot https://prnt.sc/1s1srfi) and set -30px in the “Top” input.

If you want to change mobile header spacing on the whole site, try to add this custom CSS code to the Custom CSS => Mobile CSS area in theme settings.

.xts-site-wrapper .xts-header {
   margin-bottom: 20px;
}

.xts-site-wrapper .xts-site-content {
   margin-top: -20px;
   padding-top: 20px;
}

Kind Regards

[Author]

Posts