• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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?