XF 1.3 display something only if from smartphone

jgas

Active member
#1
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!!
 

jgas

Active member
#4
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-width:mad:maxResponsiveNarrowWidth) {
#adsbottom {position: fixed;
bottom: 0;
left: 0;
width: 100%;}
}

@media (max-width:mad:maxResponsiveMediumWidth) {
#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?
 
Top