[Support request] How do I create a sticky mobile bottom bar?

Hi Mark,

1. Go to appearance > elements, and create a new block element.

2. Add the 2 buttons you want to the block element, and add hide-on-desktop hide-on-tablet class to the button block:
https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

3. Set the block element type to hook, and select after_footerhook.

4. Set the block element location depending on your needs.

Once that’s done, we can have another look and provide custom CSS for that.

Let me know!

Hi there,

can you share the link to your site where we can see what you added ?

Hi Mark,

So we can take a closer look at your setup, can you provide admin login credentials?

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hi Mark,

Your settings are all correct.

Try adding a CSS class to the buttons block, eg. sticky-buttons, then add this CSS:

.site-footer + .gb-button-wrapper.sticky-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

The class is sticky-buttons, it seems you’ve added sticky-buttons class to the block, missed the s 🙂