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 WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Float Header Over Content

  • aaronmckeon
    April 18, 2024 at 11:11 am

    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:

    https://postimg.cc/kDyZ8Pnf

    Thanks.

  • Ying
    April 18, 2024 at 12:00 pm

    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: https://app.screencast.com/CK4dq8jRHFvef

  • aaronmckeon
    April 20, 2024 at 10:22 am

    Excellent as always! Thanks.

  • Ying
    April 20, 2024 at 11:19 am

    You are welcome   🙂

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