XF 1.3 display something only if from smartphone

[jgas]

Hello!

I'd like to display some text/images/ads only if the user is using a smartphone, vertically.

What kind of conditional should I use?

Thanks!!

 

[Paul B]

There is no conditional statement which will detect the device type.
You can use media queries for screen width though.

http://xenforo.com/community/resources/responsive-design.2193/

 

[jgas]

Thanks a lot brogan

 

[jgas]

Good. I tried a few things and I can't see the error.
My idea is to display some text/ads on the bottom of the smartphone screen.

I tried this code on extra.css

/*ADS MOBILE*/

<xen:if is="@enableResponsive">
@media (max-widthmaxResponsiveNarrowWidth) {
#adsbottom {position: fixed;
bottom: 0;
left: 0;
width: 100%;}
}

@media (max-widthmaxResponsiveMediumWidth) {
#adsbottom {display:none}
}

@media (@maxResponsiveWideWidth) {
#adsbottom {display:none}
}
</xen:if>

/*ADS MOBILE*/


and this on page_container

<DIV id="adsbottom" style="background-color:#ffffff">test</div>

But I can't see the "test" on the page or in the code.. what am I missing?