Editing Area under Main Menue


I'm having a hard time to find out how to edit the area between the main menue and the site content. (red square in the screenshot)

I hope you can help me!

Best regards.

1840 x 481 - 27K


  • Hi, @cianmaro

    Thanks for contacting us!

    Actually banner is used in this area. If the banner is disable, this space generate.
    So if you don't want to show the banner then you need to decrease the space between the main menu and the content.
    Please let us know, do you want to decrease the space then we will provide you the custom CSS code for this.

    And if you want to show the banner, refer to this help article:


  • Thank you for your fast reply. 

    The article helped me a lot to solve the problem. May you tell me the image size requirement for the banner? I tried different image sizes but didn't get statisfying results so far.

  • Hi,

    The image size required for the banner is:

    Width: 1920px;
    Height: 400px;

    And then Go to Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

        background-attachment: scroll !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        position: relative !important;
        padding: 126px 0 !important;
        width: 100% !important;
        height: 100% !important;

    I hope it will work for you.

  • Hi,

    Is your problem resolved?
    If yes, please allow us to close this discussion.

  • Thank you very much. This css helped me a lot.

    Is it possible to set the same settings for the slider on the landing page? I'm having a hard time to make it completely visible on different screen sizes.

    Landing page:
Sign In or Register to comment.