Column inside of a column

  • I made a 2 column layout (parent column). Inside the right column, I wanted to add in another 2 columns (child columns) stacked 4 times.
    However, the columns inside the right parent column, the child columns expand outside the width of the right column. It’s frustrating.

    How can I make columns inside of columns??

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi fernandolawl,

    Can you please provide a link to where I can see the issue you are having live? This will help me diagnose and provide a potential solution.

    Thanks,
    Nick

    Thread Starter fernandolawl

    (@fernandolawl)

    Hi Nick,
    Thank you for getting back to me. Here is a test page I made.

    https://tinyurl.com/y7vy6nt2

    Also, I hope this helps but below is what it looks like in my wp-admin section: 

    This is a test page for Genesis columns using columns inside columns

[one-third-first]This is a 1/3? 2/3 column layout using as a parent column from "Advanced Layouts" section. Place your content for the first column here.

[/one-third-first]
[two-thirds]This is 2/3 parent column. Place your content for the second column here.?Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor facilisis ligula vitae efficitur.

[one-third-first]I created a1/3? 2/3 column layout using as a parent column from "Advanced Layouts" section in this columnPlace your content for the first column here.[/one-third-first]
[two-thirds]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor facilisis ligula vitae efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dictum ante id purus faucibus posuere.?[/two-thirds]

[one-third-first]I created a1/3? 2/3 column layout using as a parent column from "Advanced Layouts" section in this columnPlace your content for the first column here.[/one-third-first]
[two-thirds]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor facilisis ligula vitae efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dictum ante id purus faucibus posuere.?[/two-thirds]

[one-third-first]I created a1/3? 2/3 column layout using as a parent column from "Advanced Layouts" section in this columnPlace your content for the first column here.[/one-third-first]
[two-thirds]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor facilisis ligula vitae efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dictum ante id purus faucibus posuere.?[/two-thirds]

[one-third-first]I created a1/3? 2/3 column layout using as a parent column from "Advanced Layouts" section in this columnPlace your content for the first column here.[/one-third-first]
[two-thirds]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor facilisis ligula vitae efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dictum ante id purus faucibus posuere.?[/two-thirds]

[/two-thirds]
    Plugin Author Nick Diego

    (@ndiego)

    Hi fernandolawl,

    There does appear to be something funky going on with the shortcode rendering in nested column shortcodes. I will look into this, but can you share the desired layout design that you are looking to achieve? There may be a better approach than nesting columns. Assuming the shortcode rendering works as expected, you still may run into some “interesting” issues, particularly on mobile. There may be a cleaner way to handle the design with just one level of columns.

    Thanks,
    Nick

    Thread Starter fernandolawl

    (@fernandolawl)

    Hi Nick,
    Thanks for getting back to me. I made a dummy page with what I want it to look like. The red grid would be the columns. Here is the URL.
    https://tinyurl.com/yc8eulht

    Thanks a lot ??

    Thread Starter fernandolawl

    (@fernandolawl)

    @ndiego

    Hi Nick,

    Following up on this.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Column inside of a column’ is closed to new replies.