[Support request] Floating Footer Bar

[Ben]

Hi guys,

I’m trying to create a footer bar.

I’ve created the bar itself but how do I make it float?

I’ve added the URL in the Private Information field.

Thanks!

[Fernando]

Hi Ben,

Give the parent Container Block a class of my-floating-footer.

Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Then, add this through Appearance > Customize > Additional CSS:

.gb-container.my-floating-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.site-footer {
    margin-bottom: 109px;
}

Then, increase the z-index of your Footer Container Blocks to a high value like 10000. Reference: https://docs.generateblocks.com/article/layout-options-overview/#z-index

[Ben]

Awesome, thanks.

Is there a way to make it invisible and only appear on scroll?

Thanks
Ben

[David]

Hi there,

it would require some Javascript to hide until scroll, which i can have a look at as we have done something similar in the forums before.

But at the moment you have a sticky footer advert on your site. And thats sitting in front of your sticky footer…. and that we cannot account for. So you would need to have one or the other….

[Author]

Posts