Fixed Position Divs no longer fixed after clicking menu

  • Resolved lilts520

    (@lilts520)


    8 years ago

    I have set my banner to be fixed position, but when the menu is clicked, chrome no longer keeps it fixed. it seems that this is because of the general transformX on the page that happens after the menu is expanded that causes this.
    so if i’m scrolled halfway down and expand the menu, the banner simply disappears.

    is there any workaround to keep my banner to be fixed?

    link for example: https://testing.fiskaa.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor responsivemenu

    (@responsivemenu)

    Hey there,

    I believe that having transforms such as translateX kills any fixed positioning on child elements.

    You have 2 options in this scenario:

    1. Move the header outside of the page element with the translateX on. It is a fixed div element so it doesn’t need to be a child of anything anyway.

    2. Don’t use #page as the selector for the push wrapper but use all the containing elements instead, so put the below inside the option:

    #masthead, .page-title-container, #content, footer

    Please let me know how you get on.

    All the best

    Thread Starter lilts520

    (@lilts520)

    Thanks for your reply. That worked! Great Plugin!

    Plugin Contributor responsivemenu

    (@responsivemenu)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fixed Position Divs no longer fixed after clicking menu’ is closed to new replies.