BOTTOM “Info bar” with Convert Plus - overlaps BOTTOM fixed menu

[Andreaco]

Hi everybody,

i’m trying to create an “Info Bar” with ConvertPlus, which should appear from the bottom of the page.

I also have a fixed header at the bottom of the page for mobile devices only.

When the Info Bar appears, it covers the bottom header.

Now, i see there’s a “Push Page Down” option. But since my Info Bar is at the bottom of the page, it actually should Push the page UP!

In fact, Fixed Header Class / ID and Top Offset Class / ID don’t work in my case.

What should i do?

Thanks!

[rad]

Hi @Draxdes,

Thanks for posting in.

Even if there is push page up option, it will not work since the fixed header isn’t part of the content. It’s a floating element the same as the info bar, and the info bar has no capability to detect the floating elements to move them. It will only work on static content where can be pushed by padding.

Maybe this can be fixed by changing the offset of the bottom header, but I couldn’t guarantee that since there is no direct integration between the info bar (example, closing info bar will leave a space below it due to the offset of the header). But I couldn’t try any of these since your header builder isn’t working in your staging.

How about instead of pushing the header, why not just place the info bar above the bottom header by forcing it? Since the header bar has fixed height, you can simply add this CSS to your info bar’s custom CSS (since there are no other options for positioning)

    .cp_id_b5559 {
     bottom: 42px !important;   
    }

Thanks!

[Andreaco]

Great solution thank you!!

[Alaa]

We are glad we were able to help, you are welcome