Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Float Header Over Content

  • I’m trying to reproduce a website where the head and navigation sits over top the background image on the homepage, but I can’t figure out how to do this using GeneratePress + GenerateBlocks. Can you assist? Screenshot below:


  • Hi there,

    It can be achieved with some CSS.

    1. Go to customize > layout > header, set Header Width to contained.

    2. Add this CSS:

    .site-header {
        margin-block: 10px;

    3. To merge the content, go to appearance > elements, create a header element, and under the site header tab, set Merge with Contentto merge or merge on desktop only depending on your needs. You can set the header background color in it as well.
    Screenshot for your reference:

  • Excellent as always! Thanks.

  • You are welcome   🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.