Function to hidde a <div> in all smarthphone and tables bu able do view in desktop ?

[Screamfox]

Hello Devs,

I have a little problem well in my homepage.tpl i have added a map to point where servers are located but, in smartphones view this map causes some dis-formation and i would like to hide the <div ... > for all smartphone and all tables but still unable to view in Desktop and in Laptop or Servers,

Any idea ? 

@brian!

Rgds,
Screamfox

[Screamfox]

Fix typo *  tables = tablet 

[wp4all]

Hi,

if you wanna hide it only for mobile and tablets this is easy as that.

Define your min / max width and call with css display: none thats all.

Help Guide https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

 

@media screen and (max-width: 767px){
       .div_hide{display: none;}
}

add the class to the <div> you wanna hide

<div class="div_hide"> My map I wanna hide </div>

Greetings Christian

[Screamfox]

Thank you dear @wp4all looks like helpful i try this as soon as possible and a put here the result 🙂

rgds