Hide CTA Button on Smartphone Version

FinishLineSoftware

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FinishLineSoftware

Excellent. Done and done. Thanks! 

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next