[OFFER ALERT!] This Halloween, Get Any Premium Theme for Just $19 [GET IT NOW]
Jump to content

[SociallyViral] Hide "search Box" Or Collapse On Mobile

Recommended Posts

Over 70% of my traffic is from mobile phones..


When using mobile, 50% of the screen is taken by navigation, logo , social icons and search...

( not sure if woo commerce adds another line for the cart icon)..


Is it possible to hide the search box on a mobile device,  or have only the ? mark appear in line with the social icons?



Ideally, only the top 25% of a mobile screen would be "header", the content needs to show without scrolling...





Link to post
Share on other sites
  • Support



Sure, you can hide the search box only on mobile.

To do that go to Theme Options > Styling Options > Custom CSS and add this:

@media screen and (max-width: 800px) {
.header-search {
    display: none !important;

🏁Rank #1 on Google With our WordPress SEO Plugin.

Score a 💯on PageSpeed and Dominate Search Rankings.

✏ Editing theme files? Please create a child theme to make your changes update-proof.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...