XF 1.5 Placing an image to ad_header that will only show on desktop and tablets

[Ozan Çorumlu]

Hello everyone. I want to add an 728x90 ad code (not adsense, an image with link) to ad_header template.

But I want it to be shown only on desktop and mobile. How can I do that? I dont have much coding experience.

Afaik @Brogan 's responsive adsense code works for this but I dont know how to convert it to my purpose.

Can anyone help me?

@wang
@Mike
@Kier

 

[Ozan Çorumlu]

Anyone ?

 

[Paul B]

Use a media query: https://xenforo.com/community/resources/responsive-design.2193/

 

[AndyB]

You might like this add-on:

https://xenforo.com/community/resources/ad-manager-header.4922/

 

[Paul B]

An add-on is not required when it can be achieved using a built in template (ad_header) specifically designed for that purpose.

 

[Ozan Çorumlu]

Use a media query: https://xenforo.com/community/resources/responsive-design.2193/

In this guide there is a CSS code that depends on browser width:

<xen:if is="@enableResponsive">
    @media (max-width:800px) {
        .MyContent {
        color: red;
        }
    }

    @media (max-width:610px) {
        .MyContent {
        color: green;
        }
    }

    @media (max-width:480px) {
        .MyContent {
        color: blue;
        }
    }
</xen:if>

It's what I need, but I need it's HTML version because of I will be using img src code that depends on browser width.

How can I achieve this?

 

[Paul B]

I don't know what you mean by HTML version.

Just edit the CSS to suit.