Archived topic
Transparant Navigation overlaps when on smaller screen
6 replies · Started by Matthias on September 21, 2018
Hi when iam on a smaller pc screen/browser my transparant navigation overlaps my header (not responsive). How can I fix this while keeping my transparant header.
Hi there,
You can try increasing the mobile header breakpoint so the toggle kicks in before it overlaps:
https://gist.github.com/generatepress/c23aef2d05807c39bb32
Let me know if this helps :)
thx, but it doesnt work, it still overlaps but then with a mobile menu icon
I can somehow fix it when i go to elements, homepageheader, advanced and then Place content behind header (sliders etc..) OFF. But it fucks up my transparant header: my header wont go behind the main nav and top bar
It should work but I'm not seeing the code being added currently.
Can you add the code in and change the breakpoint to 1200px?
The place content behind header option shouldn't exist in Elements.
Hmm place content behind the headers exist in elements --> legacy page headers --> advanced. Placed the code added 1200px, didnt fix anything. You can check it
Do you mind migrating that old page header over to the new Page Hero?
https://docs.generatepress.com/article/moving-hooks-page-headers-to-elements/
The new structure should be better for this kind of things.
