How can I delete a gap between the header and 100% wide image

This post was flagged by the community and is temporarily hidden.

Hi,

Thank you for contacting us. I am happy to help with your queries.

From your website’s dashboard, go to Appearance menu > Customize > General. And enter 0 for Page wrapper - top padding.

Screen Shot 2021-08-16 at 09.58.22

Let me know whether it helps or not.

Regards,
Kharis
aThemes Support

Hi, Khalis!
Thank you for your quick response.

I tried the suggested solution however it did not work, unfortunately.
Do you have any other suggestions, please? Thank you in advance.

Hi,

Thank you for trying. Can you provide a link to your website, so I can inspect directly what is currently happening there? Perhaps I could suggest custom CSS code solution.

Regards,
Kharis
aThemes Support

This post was flagged by the community and is temporarily hidden.

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page .page-wrap .content-wrapper {
      padding-top: 0;
    }

Regards,
Kharis
aThemes Support

1 Like

Khalis,

Thank you very much for your help.
It worked perfectly!

Thank you very much for your kind assistance again!

You’re welcome!

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

Khalis,

I added a new page then the same problem happened again.
No problem happened on other pages but only on the added page.

(*It happened after I updated Sydney theme, I have been using “child-theme” though.)

Hello Khalis,

Could you please send us the new page URL?

So we can do a inspection and see what’s happening.

Kind Regards,

Rodrigo.

aThemes Support

Hello Rodrigo,

Thank you for your response.
The new page URL is 日本国内不動産関連事業 – JHインターナショナル.

There is an unwanted gap between the header and the image just below the header.
This does not happen on the other pages but only on the added page.

Thank you for your help in advance!

Hello,

Thanks for the link!

Please try with this new custom CSS code:

.elementor-section-wrap {
	margin-top: -13px;
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Rodrigo,

Thank you very much for your suggestion.
I added the new CSS code. It worked for the new page however the header and the image became overlapped 13px on the other pages.

Do you have any other suggestions, please?
Thank you for your help in advance.

Hello,

Please try changing my previous CSS code to this new:

.page-id-827 .elementor-section-wrap {
	margin-top: -13px;
}

We hope this helps!

Please try that and let us know if you need further help.

Kind Regards,

Rodrigo.

aThemes Support

Rodrigo,

Thank you very much for your response.
It works great! That is what I wanted to do!
Thank you very much for your help!

Hello,

You are welcome!

If you are satisfied with our theme and support, would be great if you leave your comment and rating in the offical WordPress Themes repository. That helps us a lot: [Sydney] Reviews | WordPress.org

Let us know if you need further help.

Kind Regards,

Rodrigo.

aThemes Support