XF 1.4 hiding something just in mobile

[AndreaMarucci]

I've this div

in my forum and I'd like to hide it but just in mobile. I know that there's surely a mean to do that inputting some code in extra.css but I don't know what.

It's the code from an addon that show a live search and I don't want to show it in mobile.

Can someone help me?

Thanks!

 

[Paul B]

If you just want to hide it, use a media query based on the browser width and display:none.

The link in my signature explains how to use media queries.

 

[AndreaMarucci]

Tried

@media (max-width:@maxResponsiveWideWidth){
  .livesearch {
  display:none;
  }
}

with no luck :-(

 

[Paul B]

Try using maxResponsiveNarrowWidth.

You may also have to use !important.

 

[AndreaMarucci]

Thanks Brogan, that way it worked

@media (max-width:@maxResponsiveNarrowWidth){
  .livesearch {
  display:none !important;
  }
}