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 CreditAttribution: 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 CreditAttribution: ptmkenny commented

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

Sinan Erdem’s picture

Sinan Erdem CreditAttribution: 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?