Hi

Nice theme and very topical. I got it running fine for mobile devices on www.peracton.com (i didn't need a pad version because 960px renders pretty good on the pads it seems).

But I ran into some features that I would have liked. Maybe they are possible already but I couldn't figure it out.

Basically I would like the physical layout to be different on the mobile and desktop devices. for example I would like to alter the sequence of the three footers items on the bottom. But the weighting for the footer zone regions cannot it seems be altered separately for mobile and desktop versions. eg. the weighting for the regions stay the same so I cannot move the twitter and linked icon under the contact us list. I have come across the same issue with an ordinary css website using media queries, in that I need both a html version of the same page for both the mobile and desktop versions as the css cannot change (maybe it can, I am open to be questioned) the structure of the html page's divs etc.

If anybody needs any more information about what I am asking about please let me know.

Thanks
Jimmel

Comments

fubhy’s picture

Status: Active » Fixed

Turn on the "Positioning" feature for the Zone where you want to alter the visible positioning of regions. Once you have done that a new dropdown will appear for each region where you can then choose a "Position" for each region.

Position = Visible position (set with CSS "pull" and "push" grid classes)
Weight = Position in the HTML Output = Position on the mobile stacked version

Jimmel’s picture

That works, Thanks for pointing me in the right direction.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Lloyd’s picture

Status: Closed (fixed) » Active

I believe this is related so I re-opened it.

What if you want the positioning to be different between the narrow and normal/wide layouts?

I have three regions in a zone. I want them to display 1, 2, 3 in both mobile and narrow layouts but 1, 3, 2 in normal and wide layouts. Is this possible?

dddbbb’s picture

I'm also very interested in what Llyod is enquiring about.

PCateNumbersUSA’s picture

I'd also like to know if what Lloyd is asking is possible. If it's not, I'd like to suggest it as a feature request.

cellar door’s picture

to do what you're asking Llyod you'd have to use the mediaqueries.js included in omega and tie into the triggers there that fire on screen size change. You can re-order your divs, change in/out items etc. and have a lot of control through that. On a MQ basis that'd be the only way I can think of to do what you're requesting.