Embed Columns With Visual Composer

Nest or Embed Columns in Visual Composer

Visual Composer is a versatile plugin allowing you to create website content layouts that work on all screen sizes. Nesting content containers is easy but not overly obvious. Here’s how it’s done.

Step One: Start by clicking the plus sign under the words “Visual Composer.” You’ll immediately be shown a list of elements. Click the “Row” selection in the upper right area of the window. The elements menu vanishes and you’re left with a grey (empty) container. Let’s assume this new container will contain two columns. Simply click the second tab on the left with the horizontal lines. Now select the double column icon (two sets of horizontal lines). Your page should now show a grey container with two columns.

Step Two: Click the plus sign on the left side column. You will be shown the elements menu once again. Click “Row” in the upper left again. BOOM! Now you have nested one container inside a single column! Now you can create complex layouts that still work in mobile view.

Now the next question that I’ve been asked is: “Can you keep nesting?” The simple answer is Nope! Visual Composer is famous because it automatically scaffolds content in cell phones. If you were to go beyond three nested containers you’d need more computing power than the Titan super computer.  But seriously, where there’s a will I’m sure there is a way.  If you know how it’s done contact me.  I’d love to learn how you figured it out.

Visual Composer is one of many WordPress plugins that are fantastic. The provided design flexibility combined with the many extensions and great support makes this software a game changer in the WordPress space.  It’s one of the many reasons why WordPress is the best content management software on planet Earth.