Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #18849

    Greetings friends,

    I’m having trouble nesting 50/50 columns within toggles.

    It works fine within one toggle, but I can’t get it to work within a container with multiple toggles.

    You can see an example of the problem here

    Any thoughts?


    Hi TheImageFarm,

    As far as I know the shortcodes aren’t able to be nested like that. You can wrap the text in the html that the shortcode would generate in the text/html tab and then have that inside the toggle but because of the way they are compiled on the live side they can’t be nested within the visual editor.




    Greetings Devin,

    I figured as much. I don’t typically use the visual editor for that very reason.

    Before writing you, I actually tried writing the page in straight html (no shortcodes whatsoever) and I had the exact same problem.

    If you check the link (, you can see I’ve got a toggle with nested 50/50 columns, but the same code doesn’t display properly when there’s more than one toggle in the toggle container.

    Let me know what you think. Thanks!



    I think it’s a small styling issue – try to add following code to css/custom.css:

    .js_active .toggler {
    clear: both;




    brilliant! thank you! worked like a charm.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Nesting One Half Columns Within Toggles’ is closed to new replies.