Posted by ptmkenny on October 24, 2012 at 5:46pm
3 followers
Jump to:
| Project: | AdaptiveTheme |
| Version: | 7.x-3.1 |
| Component: | Mobile |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
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
#1
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.
#2
Thanks, I've sent you details via the support ticket.
#3
Hello Jeff,
You said it is possible by overriding CSS. But I wonder how can I move one region before another just by CSS?