XF 1.2 Responsive banner after page_container_content_top


Active member
I’m trying to make a banner a bit responsive. I have already ready most of the available threads about this but seem to be missing something.

We are using a custom style made by Russ.

The thing is that we need to use this huge banner:

It is positioned in PAGE CONTAINER

Right after:

<xen:hook name="page_container_content_top" />
The code placed there is:

<div style="text-align:center;">

<a href="http://www.pokerstars.com/latam/?source=10582518"><img src="/imagenes/bg/2014scoophe.jpg" /></a>

You can imagine how bad it looks when viewed in a mobile or tablet.

Is there a way for it to change?

I was thinking of giving the div an id and then try to work with it in EXTRA.css but don’t know if that is the way to go.

Any suggestions?