Home Forums Azuma Reducing gap between header and main page

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14148
    davehill
    Participant

    Hi All,

    Please could someone help me with how I get rid of the gap between the header and the slider in the image below?

    I have used Elementor remove title option to get rid of the title but I can’t see how I can remove the gap so the header and the slider meet each other?

    Thanks!

     

    Webpage

     

     

    #14150
    Andy
    Keymaster

    Add this CSS to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:

    .site-content {
        margin-top: 0;
    }

    This will remove the gap on all pages across the whole site.
    If you only want to remove the gap on a particular page (the page in your screenshot doesn’t seem to be live when I visit your site), please let me know the page URL and I’ll be able to help further.

    #14162
    davehill
    Participant

    Hi Andy,

    Thanks for your help on this!

    I only need to remove the gap on one page.

    The page is currently only on my staging site as it is not live so you won’t be able to see it.

    The page name is ‘Home Bar Shop’ if that helps with the code?

    Thanks

    #14168
    Andy
    Keymaster

    It’s not possible to target a specific page with the page name, but you can use the page ID, for example a page with the ID of 123:

    .page-id-123 .site-content {
        margin-top: 0;
    }
    #14175
    davehill
    Participant

    Perfect that worked! Thanks Andy

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.