CSS for mobile only button??

Home Forums Perfect Forum CSS for mobile only button??

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #119229
    Hannelore Goldberg
    Participant
    • Topics: 10
    • Replies: 36
    • Total: 46
    Member since: February 15, 2019

    Hi, I have a client who wants a “call now” button to only show on mobile phones. Is it possible to add CSS for specific types or size of buttons to only show on a mobile phone? Thanks!

    #119304
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Dave

    #119659
    Hannelore Goldberg
    Participant
    • Topics: 10
    • Replies: 36
    • Total: 46
    Member since: February 15, 2019

    We installed Rev Slider that has the ability to show 2 different buttons, but the client was hoping to do the same in the body of the website. Thanks! https://bankruptcylouisville.net/

    #119749
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    I am not sure what you mean by this. Can you may be draw or point out in an image?

    You can upload image in imgur.com and share the link here.

    Regards,
    Dave

    #120878
    Hannelore Goldberg
    Participant
    • Topics: 10
    • Replies: 36
    • Total: 46
    Member since: February 15, 2019

    Not sure how to draw it, but if you look at the referenced website on a mobile phone and then on a desktop you will see 2 different calls to action on the slider. Rev slider has the ability in the coding to show different buttons depending on the device. I was hoping that we could build that functionality into the body of the website also.

    https://bankruptcylouisville.net/

    Is there a way to make a button viewable only on a mobile phone?

    #120912
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Which button do you want to show in mobile only?

    Regards,
    Dave

    #121798
    Hannelore Goldberg
    Participant
    • Topics: 10
    • Replies: 36
    • Total: 46
    Member since: February 15, 2019

    I haven’t created one yet. They wanted me to add a “call now” button on one of the homepage sections. They don’t want people with laptops to click a “call now” button as it messes up their Google analytics, so they only want it to be seen by mobile users.

    #121834
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (min-width:768px) and (max-width:1170px) {
    .tp-parallax-wrap.tp-hidden-caption { display:block !important; visibility:visible !important;}
    #slide-1-layer-10 { visibility: hidden !important; display: none !important;}
    }

    Regards,
    Dave

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