A very bug space in header and first block
-
Hi.
In mobile site a very big space in header and first block.
Attachments:
You must be
logged in to view attached files.
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
Hi, it’s smaller, but it’s still big enough.
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