Alignement Hear with content

Hi there,

They should be aligned by default.

What is your container width option set at in the customizer?
https://docs.generatepress.com/article/container-width/

I'm seeing 1200px for the header and 1240px for the content.

Do you have any layout elements created that might be causing the issue?
https://docs.generatepress.com/article/layout-element-overview/#content-1

Thanks for your reply.

But I'm not able to find where set a header width. I can set only container width.

Now I set container width a 1200 px, as you tell me that is set the header width, but they are always different.

I don't know which elements can cause that.

please

fulvio

I'm seeing the container width is set at 1240px:
https://www.screencast.com/t/rdzjNcD8Ok

Have you created any layout elements that are setting the content width?
https://docs.generatepress.com/article/layout-element-overview/#content-1

Hi

I don't understand. I set the container width at 1200. I could send you a screenshot, but how?

I could set for you a user so you can adjust this problem.

You ask me
Have you created any layout elements that are setting the content width?
But I don't know !!!!!

Hi there,

In Customize > Layout > Container, can you try changing the "Container Alignment" to "Boxes"?

Let me know :)

Hi Tom,

I tried both alignment to box as to text. With text it's better but it's a bit different again.

I tried to reset all the GeneratePress setup and I'm working on staging you can see it at https://wwww.staging3.consulenti-bancari-online.it
user : consu781_staging
Password : Giuliagaia01

I wait for your answer

fulvio

Is that option still set as "Text"? If so, can you set it to "Boxes" and then let me know? The CSS causing it to be wider should only be added if "Text" is selected.

Hi Tom

as I just tell you I tried both options.

the best view is on the separated layout with text but it's not perfect.

fulvio

Can you set it to "Boxes" for now so I can check your site code?

Done

As you could see it is not aligned
fulvio

Ah, that's happening because you're loading bootstrap.css, which is adding padding to the .container class.

Try adding this CSS:

#page {
    padding-left: 0;
    padding-right: 0;
}