Jump to content

Archived

This topic is now archived and is closed to further replies.

glennyboy

Nested Columns

Recommended Posts

glennyboy

Hi Guys

 

Is it possible to have a nested column layout  which I guess actually translates to a Nested row layout on one side. I would like to keep the sidebar on the right and then have x2 separate columns one on top of each other on the left. I appreciate that I could next, say a text box, but for reasons of layout I would like two columns on the left and one sidebar on the right. Right now the issue is that the sidebar on the right pushes down the second column on the left.

 

Thanks in advance for your input.

 

Cheers

Glennyboy

Share this post


Link to post
Share on other sites
Danny

Hi Glenn,

 

Can you provide a screenshot or an example to what is it you would like to achieve, as I am not quite following.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
glennyboy

Yeah I've used these before + grid shortcodes. That's fine, but I was aiming to keep a visual / drag-drop system going. No worries I'm using nested text-boxes now as that seem to follow the logic better while nested columns/rows aren't a specific feature.

Share this post


Link to post
Share on other sites
jasonkadlec

I'm having a bug on this -- I want nested columns, using the grid columns like this:

 

Full width section

 

three column layout:

 

Column 1  ---  column 2   --- column 3

 

And now I want to put a 2 column layout inside column 2.

 

Why?

 

Because inside column 2 - I have

 

Image1  image2

 

text1      text2

 

Now in full size - that looks correct.

 

But, one mobile - the image 2 is going to swing below image 1. 

 

I want image 1 AND text 2 together to swing down below image 1 and text 1. 

 

When I try this - it goes haywire: 

 

http://cl.ly/image/110v0v3P0o0N

 

What you are seeing in this screen shot is --

 

at the top, the left column. It has the media box and text box - both are still "empty"

 

Below that, you see an image -- this is in fact the image that was uploaded in that "empty" media box.

 

To reproduce:

 

1. Create full width section

 

2. Drag 3 column row into it

 

3. Into the middle column, drag a single column.

 

4. Make that single column from 3 a width of 6.

 

5. Now add a media box to it, and then a text box to it.

 

6. Click the duplicate button - now it looks all fine. Side by side text and media box.

 

7. Now actually upload images into the media boxes.

 

8. Observe haywire ness.

 

Now like glennyboy - I can just make side by side text boxes in there instead, and use an <img src in each --- but I like the media boxes, how they fade the images in.

 

Pls let me know if you fix it.

Share this post


Link to post
Share on other sites
Danny

Why do you want to want to place a column inside a column when you can easily just reduce the width of the sections to make two columns ?

 

So:

 

Column 1  ---  column 2   --- column 3

 

MediaBox ----- MediaBox

TextBox ----- TextBox


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×