[Resolved] Padding issue with integrating elementor header

[Rafael]

Hi there,

I am having some issues with the top padding when I include an elementor template and it doesn’t match with the logo and menu bar of generatepress.

I just want to solve the missing aligment of the logo with the main menu. And I don’t know why the green top part of the content is still appearing, when I am able to solve that in the bottom, right or left part with content padding values.

You can see all what I am taking to here:
https://www.useloom.com/share/7a5082c05c604fdda40ff30c6530e125
http://enthusiastic-gerenuk.w4.poopy.life/

Any suggestions?

I will appreciate them.

Thanks

[Leo]

Hi there,

For the logo I would recommend cropping it so there isn’t so much space at the top and bottom of the image.

Then Set your menu item height to the same number as the logo height:
https://docs.generatepress.com/article/menu-item-height-width/

For the padding problem try using the page builder container: https://docs.generatepress.com/article/page-builder-container/

Let me know if this helps.

[Rafael]

Thanks Leo,

You were right regarding the logo, it was 200×150 px and thats why the items were not organized.

But that padding were not dissapearing. I tried to set the page builder container to full width but it just force all the sections to full width but didn’t solve the padding issue. You can see it here the result:

http://enthusiastic-gerenuk.w4.poopy.life/

Any other suggestion?

Thanks

[Leo]

I think what you need is Contained instead of full width.

[Rafael]

Hi Leo,

thanks again, but neither Contained or Full Width solve that padding :S its really strange

[Tom]

Can you try adding this CSS?:

.one-container .inside-article>[class*=page-header-] {
    margin-bottom: 0;
}

[Rafael]

Hi Tom,

thanks for the try but it didn’t change that padding, look:
https://www.useloom.com/share/b2dcc64f00144cefad144b32e1f0347c?focus_title=1&muted=1

Any other option I will try.

Thanks

[Leo]

Any chance you can link us to the page?

[Rafael]

Of course, here you are:

http://enthusiastic-gerenuk.w4.poopy.life/

If you want me to invite you as an admin just give me your email and I will create a new user for you to investigate within wordpress by yourself. I would appreciate it.

[Leo]

Try this:

.entry-content {
    margin: 0;
}

[Rafael]

YES, YES, YES!!

Thanks Leo and Tom, you both are awesome!

Both css together works finally as it should be :))

So the solution is:

.one-container .inside-article>[class*=page-header-] {
margin-bottom: 0;
}

.entry-content {
margin: 0;
}

Thanks again guys!

[Leo]

Glad we could help!

[Luís]

Hi Leo and Tom. I was searching for a solution for this behavior as well so thanks for this workaround. But out of curiosity, why the need for this code? I mean, why not just a Page Builder Container option to force all content area to be 100% full?

[Tom]

An option to target all singular posts (pages, posts etc..) could happen. I usually just point to removing the content padding and upping the container width, but that increases the width of the header/footer as well.

[Luís]

Ok. Thanks Tom.

[Author]

Posts