[Support request] Adding a floating footer CTA

Home Forums Support [Support request] Adding a floating footer CTA

Home Forums Support Adding a floating footer CTA

  • This topic has 1 reply, 2 voices, and was last updated 3 weeks ago by Ying.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2067839
    Gary

    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!

    #2067930
    Ying
    Staff
    Customer 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 🙂

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.