CSS for mobile only button??

[Hannelore Goldberg]

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!

[Sonl Sinha]

Hi,

Kindly show us your website URL?

Regards,
Dave

[Hannelore Goldberg]

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/

[Sonl Sinha]

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

[Hannelore Goldberg]

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?

[Sonl Sinha]

Hi,

Which button do you want to show in mobile only?

Regards,
Dave

[Hannelore Goldberg]

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.

[Sonl Sinha]

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

[Author]

Posts