[Resolved] header merged

[Sanu Kumar]

I want to know if I design a header with the help of GP and the rest part would be designed by Elementor and I would like to merge both with transparent. Is it possible, If yes, then how to do?

[David]

Hi there,

you can use a Header Element to merge the GP Site Header / Navigation with your page content:

https://docs.generatepress.com/article/header-element-overview/

All you need to do is create a new header element, go to the site header tab and enable merge site header with content, then you can change colors of site header and nav etc.

[Sanu Kumar]

I tried and I am facing these issues:

How to remove shadow effect hover on Nav Menu on Mobile. Watch the video: https://www.loom.com/share/20826ba591554e1ea4ad8176ec56c0dc

And second I would like to show the header in mobile like GP is using: https://www.loom.com/share/13e0cdeb8dd543d68235f29b6acbb87f

https://ibb.co/vzkqrV1

And the last one

I am facing overlapping issue in the single post template. How to fix this issue? https://ibb.co/9GDzxzm

[Leo]

The first two issues aren’t related to merge header at all so can you open separate topics for them?

I am facing overlapping issue in the single post template. How to fix this issue?

Have you tried using the display rules to only select the pages you want the merged header?
https://docs.generatepress.com/article/header-element-overview/#display-rules

[Sanu Kumar]

Thanks, the issue has been fixed but I want one more thing to do: I would like to give similar look like this at the bottom of the header. https://ibb.co/G5xYx2p

[Leo]

Can you open a new topic for the new question?

I’ll mark this one as resolved.

[Author]

Posts