0

I´m using Omega theme in a Drupal 7 installation, and don´t know how to put the sidebar second right below the sidebar first.

Under Zone and region configuration I have the content section, with the content zone inside it. Content zone has 12 columns. Inside it I have 2 regions: content (6 cols). sidebar second (3 cols).

If I add there another region, (sidebar first in my case) Omega puts it along the other two, and I can only set the weight of each one to determine wich one will appear first. But what if I want one region under the other?

I´m using delta module to create different layouts according to some variables, but every time I try to set one region over the other it fails. Is there any way to do that?

Thanks!

Here´s what I want

UPDATE: How may I use context to do that in case it is possible? My context condition choices

Improve this question

3 Answers 3

Reset to default
1

The side bars are used to create columns and not for placing it one on top of the other.

If you want a single column then you would go for one of the three. If you want two columns go with any two of them and if you want three columns go for all three.

As for placing contents one on top of the other the blocks should be used for that. Let us say you have two blocks one to show the latest articles and another to place the login box and you want the articles to be on top of the login box then you would go with one of the side bars and content and place both the blocks in the same sidebar and arrange it as you would want it.

Improve this answer
8
  • Thanks for your reply Mohammed. But what if "some" blocks that I have in sidebar first, need to be inside "content" for a specific viewport? I thought that it would be easy if there were two regions in the sidebar, so I would move just one of them... how may I do that?
    – Rosamunda
    Jan 20, 2013 at 16:12
  • 1
    you could control that with the context module. depending on the context you can change the block to different regions
    – Mohammed Shameem
    Jan 20, 2013 at 16:14
  • 1
    you need to select on want condition you want the blocks to change. then use that to trigger an action. in the action you can decide what contents would be shown in which region...
    – Mohammed Shameem
    Jan 20, 2013 at 16:30
  • 1
    on what conditions do the blocks change. does it depend on the path? content type? or some thing else?
    – Mohammed Shameem
    Jan 20, 2013 at 16:36
  • 1
    ok so you are looking for a responsive theme then I guess Adaptive theme is a better choice drupal.org/project/adaptivetheme It has got lots of settings to define depending on the device and view port.
    – Mohammed Shameem
    Jan 20, 2013 at 17:03
1

After some digging and reading what Mohammed says (thanks!), commenting my question above, I´ve found that there´s in fact a solution: You should allow context to manage that specific twist you want to do for that special viewport.

The problem is that context won´t allow that, there´s no viewport context. But there´s a new module out there called Context Breakpoint that would do the trick.

It´s important to remember what the readme file says though:

Adaping to resolution should mostly be done with CSS and media queries, but sometimes you just can not do everything you need to do in CSS. This module detects screen and browser size with Javascript and sets a cookie accordingly. This means that Javascript and cookies must be enabled. Also, after changing the browser size, a reload will obviously be required for the changes to show up.

Improve this answer
-1

The problem isn't really with Omega, it's more in the way that divs work.

You can't float divs sequentially that way without putting one inside the other.

What you want to do requires putting one region inside another, not on top of.

You could make custom template files and a custom grid that puts one zone alongside the other, but you'd lose the ability to extend each zone to 100% width, limiting your design options.

One javascript solution is good old Masonry http://masonry.desandro.com/ which essentially gives you the equivalent of a "float: top-left;" css rule.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.