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

[frihet87]

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

 

 

 

[Mili]

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