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 1 week, 2 days ago.

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

    XpandaZ
    Customer

    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.
    #318050

    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

    #318157

    XpandaZ
    Customer

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

    #318171

    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.