Show image only mobile

[simonetb]

Hi,
I want insert in a .tpl file of module Prestashop 1.7.1.0 an image that i want show ONLY in mobile version of site. 

I tried:

<div class="visible-xs">
  <img src="...etc "/>
</div>

but image is visible in all version of my site.
How i Can?

Thank you!

[NemoPS]

I guess make a specific class like "showonmobile" and set a rule in your custom.css file so that it has display:none, then a media query with size < 480px and display:block

[jstillings1]

NemoPS is a expert! CSS hacks are greater then tpl mods simply cause of auto update. Any mods you do might be wiped on update.

I would personally use the banner  module  for this and display none it  on anything not mobile via Media queries just like NemoPS said.

That way you don't add tpl stuff and you survive an upgrade