Archived topic
Adding a floating footer CTA
1 reply · Started by Gary on January 3, 2022
Hi,
I am looking to add a floating footer to my site as a CTA with 2 buttons on it, the first being a call button/have our phone number on it and the second being a prompt to enquire online.
I’m thinking it would say ‘Talk to an expert’ and then have 2 buttons, the first saying ‘Call Us Now’ and the second saying ‘Enquire Online’.
I'm unsure how to do this as on desktop, the call us button should just be a prompt to call and our number I guess? I'm also fairly sure you'd not want the 'talk to an expert' text on mobile as there would be no room. After searching, I can see that a lot of people have asked this, but you tend to advise individually, so I thought you may have the answer.
Thanks so much for the great theme and support!
Hi Gary,
In that case, you can use GP's built-in CSS class: hide-on-mobile and hide-on-desktop.
You can add the hide-on-mobile class to the button that you only want it to show on desktop, and hide-on-desktop class to the button show on mobile.
How to add CSS class to an element:
https://wordpress.com/support/adding-additional-css-classes-to-blocks/
Let me know if you need further assistance :)
