Big gab between menu and rest of elementor page

Hi There,

I am having trouble for the first time using the sydney theme and elementor . The page margins are a bit messed up, because its leaving a big white gap on each of my pages and I don’t know how to minimise it or take it away. For example on this page of the site: https://esteemedassist-salma.com/about-me

Any help would be much appreciated

Best,
Mel

Hello Mel,

Please check your site’s Additional CSS. Does this code present in there?

.page-wrap {
    padding-top: 260px;
}

What will happen if you reduce the value.

Regards,
Kharis
aThemes Support

Hey There Kharis,

I hope you are well :slight_smile:

I have checked through it and I do not seem to say that coding in my Additional CSS section :scream:

Is there any other place I could look perhaps?

Best,
Mel

Hello Mel,

Try removing top padding on .page-wrap and add this additional CSS code instead.

    @media only screen and (min-width: 1025px) {
      .sydney-hero-area {
        padding-top: 170px;
      }
    }

Regards,
Kharis
aThemes Support

Hi Kharis,

Many thanks for this. Just one last question I promise. If I do not want the above coding to affect the homepage but only the pages is there a way I can edit this slightly?

Many thanks as always :slight_smile:
Best,
M

Hello M,

You can use this code to only exclude homepage.

    @media only screen and (min-width: 1025px) {
      body:not(.home) .sydney-hero-area {
        padding-top: 170px;
      }
    }

Regards,
Kharis
aThemes Support

Hi Kharis :slight_smile:

Perfect! Thank you so much :slight_smile:

Have a great day

Best,
Mel

You’re welcome Mel!

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
aThemes Support