Home Forums Hitek Support Forum A very bug space in header and first block

This topic contains 3 replies, has 3 voices, and was last updated by Bogdan Donovan Bogdan Donovan 4 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #317946



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

    Private Content Hidden
    You must be logged in to view attached files.


    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.