Hi!
I'm using the base 3 template to build a website. Everything works just fine, but I have a little problem with the display of the modules at the footer. I have 3 modules placed in positions bottom1, bottom2 and bottom3. How can I make those modules 100% width in narrow screen sizes? (bootstrap's span4 behavior)

Here's an image of how it looks in a mobile:
dl.dropboxusercontent.com/u/3578401/problema-ovomontessori.PNG

As you can see, 2 of the modules share the same row. I need them to go into different rows.

I'd like to know, in general, the correct way to give a module a span* behavior. Adding the span* class as a class suffix doesn't work for me.

Thanks a lot for your help

Hi

Have you tried altering the width of the positions via the responsive layout tab in the template setting?

Cheers
Paul

Forgot the link

If you are unfamiliar with this perhaps check out this article

www.joomlabamboo.com/blog/how-to-joomla/how-to-resize-position-widths-in-t3-templates

Cheers
Paul

Thanks for your answer

Yes I tried that. It works perfectly for wider screens, like the computer screen. But it doesn't work for narrow screens.

Are you setting the widths at full width on the smaller devices?
So they are separate lines?

Cheers
Paul

No, where can I do that?

Its in the responsive layout section of the layout - the link I gave goes into more detail

If its the full 12 width each other will be on a new line

Cheers
Paul

Perfect! Thanks! It was exactly what I needed. Thank you very much!

No problem you're welcome

Cheers
Paul