[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...

 

 

 

post-332304-0-65045900-1449940421_thumb.png

Link to post
Share on other sites
  • Support

Hello,

 

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...