Hi there,
It can be achieved with Block elements and our block editor plugin Generateblocks.
https://docs.generatepress.com/article/block-element-overview/
https://wordpress.org/plugins/generateblocks/
1. Go to appearance > elements, add a new Block element.
2. Create a structure like this:
https://www.screencast.com/t/RxDBvhzcXXkT
3. Set Container A to Full width both Container and Inner container, set its all paddings to 0
.
4. Set Container B1,B2,B3 to 33.33% width.
5. Activate Fill Horizontal Space for Buttons (not Button).
6. You can add Icons and links for each button, adjust colors.
7. Select Container A > Advanced, activate hide on desktop.
https://www.screencast.com/t/m7eJnbSbfaM
8. Add a custom class: sticky-bottom
to container A.
9. Choose location depends on your needs, choose Hook as block type, choose generate_after_footer
as hook.
10. Go to customizer > additional CSS, add this CSS:
.sticky-bottom {
position: sticky;
bottom: 0;
}
Let me know how it works 🙂