I'm using Pixture Reloaded rc1 with 3.1 of AdaptiveTheme.

I have a panels variant for which the layout is set to "Three column 25/50/25."

On the desktop, it looks like this:
A (left 25) B (50) C (right 25)

On mobile, it looks like:
A (left 25)
B (50)
C (right 25)

However, B is my "most important" piece of content, because A and C are the sidebars. So, on the mobile version, I would like the order to be:
B (50)
A (left 25)
C (right 25)

Is there a good way to customize Adaptivetheme to do this? (I'm sorry if this is something obvious but I don't even know what terms to search for to address this problem.)

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Its possible and there are two ways to do it:

1. Build a special Panels layout (best approach)
2. Override the CSS in your theme (simple, not configurable)

I can do this, but I need to see the site and have access to it, or a test site etc. You can use the ticket you opened in AT Support to pass me details, we can discuss here also.

ptmkenny’s picture

ptmkenny commented

Thanks, I've sent you details via the support ticket.

Sinan Erdem’s picture

Sinan Erdem commented

Hello Jeff,

You said it is possible by overriding CSS. But I wonder how can I move one region before another just by CSS?