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.

How to create merged headers with page content?

  • Hello

    I have created a new DEV-site using the “Keynote” starter-site.

    Now I’d like to merge headers on all pages except frontpage and created the relevant Header-Element and set Merge with Content to “Merge”, but it does not work.

    Please find reference page, screenshots and admin-login-link in private note field.

    Can you please help me?

    Kind regards
    Sascha

  • Hi Sascha,

    The Keynote starter site uses the GB Pro Site Header and Navigation block for its header navigation. Because of this, the Merge Header feature in GP Premium won’t apply, as it only works with the theme’s default navigation.

    To replicate the merge header effect, you’ll need to use custom CSS instead:

    body:not(.home) .gb-site-header {
    	position: absolute;
    	top: 0;
    	right: 0;
    	left: 0;
    	z-index: 100;
    }
  • Perfect, thanks!

    Is there any chance the currentl “Merge Header” feature of the Header Element will be updated to work with the new GB Pro Site Header and Navigation blocks in the future?

  • Furthermore, I’d like to know about how to apple the “Merge header” effec to the Home/Start page of the site? I have applied the CSS but not working there

  • Another issue: I find it very difficult to change the color of the menu-items. REgardless if I apply white color to Typography in Menu Item, Menu, Menu Container etc. it’s still showing the items in blue colour. I also disabled the menu item colours in Customizer

    UPDATE: I tried using the “Main” selector, of course I had to chose the Link selector 🙈

    Remaining issue:

    I’d like to know about how to apple the “Merge header” effec to the Home/Start page of the site? I have applied the CSS but not working there

  • Hello. Just remove the :not(.home) from the CSS or the body selector altogether.

    .gb-site-header {
    	position: absolute;
    	top: 0;
    	right: 0;
    	left: 0;
    	z-index: 100;
    }
  • No problem 🙂

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