Adjust gap between the menu navigation and first block

How do you reduce the gap space between the nav menu and the first block. I’m using smart slider. We already added this code in addtional css:

    .page-id-2 .page-wrap {
      padding-top: 0;
      padding-bottom: 0;
    }

    .page-template.no-hero .content-wrapper {
        padding-top: 0px;
    }

Hello there,

Please try enabling front page template. If it doesn’t help, please share a link to your site to allow me checking it. Probably we could use additional CSS code to eliminate it.

Regards,
Kharis

Hi Khris,

I tried the front page template, but same problem. Here’s our website address:

Thanks,

Victor

Hello Victor,

I found there’s an empty section above the Balet dance. Please check and remove it if any.

Depending on your Elementor sections’s setup, you’d add the below special CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-id-2211 .page-wrap {
      padding-top: 0 !important;
    }

    div[data-id="944e017"] > div {
      padding-top: 0 !important;
    }

Regards,
Kharis

Hi Kharis,

It works. Thanks! How do we replicate the code to other pages like this one?

Victor

Hi Kharis,

No worries. I changed the page id for corresponding pages. It works fine. Thanks much!

Victor

You’re welcome Victor!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis