Joomla Banner Module Responsive ?

Hi,

we implement the original Joomla Banner Modul with 3 Pictures into the Bottom of the Sidebar Position of the Writer Template.
Over a small Overwride the 3 Pictures are now showing horizontal.
if the screen of the browser window 100% of the monitor it looks fine. If we reduce the browser view, the pictures of the banner modul hold the same size and are now in confusion.
can you show us a small way to fix this over a css override ?
it was fine the picturesize was reduced and he shows horizontal again until we go under the size for tablets/mobiles resolution.

you can see it under http://www.fotoabenteuer.de

Best
Michael

Hi

I'm not sure if this would be possible the way it's now. Maybe if there is a table with each module is a single cell. Problem is that there is no width set for the boxes over images, so they do not know what to be responsive for.

Try maybe this method first and add this to override.css

Code: Select all

#gk-sidebar .banneritem {
    display: inline-block;
    padding: 1%;
    width: 31%;
}

#gk-sidebar .banneritem a {
    display: block;
    width: 100%;
}

#gk-sidebar .banneritem img {
    max-width: 100%;
    display: block;
}


Many many thanks,

it works perfect for us. The rest we can do it at self.

Best Regards

Michael

Hi


Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro