Tweaking Menu

The posts on the home page aren't full width because the Page Hero is set to be contained. If you go to "Appearance > Elements" and open the Header Element that has the posts, you can use the settings to set the container: https://docs.generatepress.com/article/header-element-overview/#page-hero

I'm not seeing any overlap, but you can try adding space like this:

.home .page-hero {
    margin-bottom: 30px;
}

To add spacing on the sides, try this CSS:

.full-width-content #page {
    padding-left: 30px;
    padding-right: 30px;
}

Hello Tom,

Thanks for trying to provide solution but, only worked for overlapping issue on point 2 and this problems bellow still remain please help:

1) Hero slider still is not showing as full width as rest of content

2) Full width adding spaces on the sides worked but, the problem is that I only want to add this space for content area, I dont want to show this on footer and header, how I can fix this?

Thanks!

Hi there,

1. Your Page Hero is still set to Contained. Did you try changing it to Full Width in the settings?: https://docs.generatepress.com/article/header-element-overview/#page-hero

2. Try the updated CSS: https://generatepress.com/forums/topic/tweaking-menu/page/2/#post-1187528

Hello Tom,

How can I change my Page Hero from contained to fullwidth? Which option and element I need to change? Can you please elaborate?

Thanks!

The container option within the header element is what you are looking for:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-3-set-the-width