Change Merge wih Desktop Breakpoint

Hi David,

In that case, I would recommend not to use Merge option, but use this CSS instead:

@media (min-width: 769px) {
.site-header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
}
}

So you can adjust the media query 769pxto the screen width that you want it to start to merge.

Let me know if this helps :)

I will give it a go later when home. As I want the merge to happen from say tablet and bigger would I use would I use min-width?

Yes, you are absolutely right, it should've been min-width. I updated the CSS.

Sorry for the typo :P

Thats worked great thank you, is there any reason not to just use that css code rather than the header element under normal circumstances?

On mobile below the menu buttom to the left there is a dot?

Have sorted the dot issue, thank you :-) As I said before any reason for not jjust using this css ratehr than using the merge header and content feature?

Using elements can assign the header element to certain pages/categories so on, for users not familiar with CSS it's an easier option.

The CSS solution would need to add page ID manually if you don't want it to apply to the entire site.

Hope that's clear :)

Very true, I'm not bad with css totally understand. Shame there is no way to use the header with a different breakpoint.

Thank you so much for your help.

I'm actively in the process of converting 25 elementor websites to generate press and generate blocks and it's going very well with awesome Google pagespeed results. I'm currently using kadence blocks for accordion and tabs if generate blocks does that I can then ditch kadence.

Glad you are satisfied with GP and GB.

I believe Tom has the plan to include these features in GB as well, but I don't have the date yet. Hope it won't be too long of waiting :)

I have heard this too, Im sure it will be fabulous

Indeed :)