• Resolved caersbart

    (@caersbart)


    Hello, I love the plug-in an d it was the only solution I found for collapsing the sub-menu’s of my website in mobile.

    I’ve made the menu sticky, anorher great option, but there is one 3th party (booking.com) script on my pages (bottem of page so scroll on) that’s scrolling over the header instead of under it like the rest of the elments and blocks.

    Anyone a solution?

    Regards, Bart

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hi Bart,

    Glad you like the plugin!

    What you’re experiencing here is booking.com putting a crazy high z-index on their iframe (namely 9999). No idea why they think their form is so important that it needs to be seen on top of everything else but that’s what’s causing the problem.

    Anyway, you’ll be glad to know that you can fix it by adding a little CSS that will make your header z-index even higher …

    .wp-site-blocks>header {
    z-index: 10000;
    }

    Alternatively, if you can edit the booking.com embed code, then you could change this (highlighted in bold) to any value of 1000 or less, that would also work …

    <iframe src="" scrolling="no" style="border: 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999;" aria-label="Travel booking and search widget" title="Travel booking and search widget"></iframe>

    Hope that helps!

    Oliver

    Thread Starter caersbart

    (@caersbart)

    With a bit trial and error the following code fixed the problem

    #bookingAffiliateWidget_01030f25-680a-xxx-xxx-548e31e65b75 {

    z-index: 99 !important;
    }

    Thanks for your help and the plug-in

    Plugin Author Oliver Campion

    (@domainsupport)

    Great news! Glad you sorted it.

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.