[Support request] Transparant Navigation overlaps when on smaller screen

Home Forums Support [Support request] Transparant Navigation overlaps when on smaller screen

Home Forums Support Transparant Navigation overlaps when on smaller screen

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #683271
    Matthias

    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.

    #683284
    Leo
    Staff
    Customer Support

    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 🙂

    #683287
    Matthias

    thx, but it doesnt work, it still overlaps but then with a mobile menu icon

    #683289
    Matthias

    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

    #683295
    Leo
    Staff
    Customer Support

    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.

    #683298
    Matthias

    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

    #683310
    Leo
    Staff
    Customer Support

    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.

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