Hide CTA Button on Smartphone Version

FinishLineSoftware · January 2017

We would like the CTA button to be removed from the header when http://beta.punchlist.net/ is viewed on smartphones.

I saw this feature when viewing other BeTheme websites. 2 examples of this can be seen on http://arowautorental.com/ and http://nutriwaydiet.com/ - both have CTA buttons in the web version, but when viewed on iPhone these CTA buttons are not visible, which we'd like to adopt.

I looked in Appearance > Responsive > Header to see if I could make that change there, but it wasn't clear.

How can we have the CTA button, which in our case is "VIEW DEMO" disappear from the header when viewing on smartphones?

Thank you in advance for your assistance.

Albert · February 2017

Hi,

to remove "Action Button" from mobile, it is necessary to use custom css:

@media only screen and (max-width: 767px){
    #Top_bar a.button.action_button { display: none !important; }
}

FinishLineSoftware · February 2017

Excellent. Done and done. Thanks!

Albert · February 2017

You are welcome!

Hide CTA Button on Smartphone Version

Comments

This website uses cookies