Right column

Best Practices

• The right column is a good place to list featured pages or make short announcements.
• The right column is not a good place for critical page content or large amounts of text.
• Large images don’t work well in the right column. Save them for the body of the page.
• Always use an H4 header for right column titles

The right column can be inserted at any position within your text editor; however, the placement may impact where the content appears for users viewing the page on a mobile device or a tablet and those using assistive technology such as a screen reader. You can customize the order in which your content appears for various layouts by alternating multiple right column sections with other blocks of content in your text editor. On a full size display, all of the content inserted into a right column shortcode appears as one column, regardless of how many instances of the right column you added. On a mobile display, the sections are broken apart according to how you inserted each right column into your text editor.

How to insert a right column

1. Position your cursor where you want the right column to appear (this is important for mobile view layout as well as screen readers)
2. From the Visual editor toolbar, select the shortcode button for right column. The shortcode appears in the text editor.
3. Insert the appropriate content between the shortcode bookends.

If your right column isn’t behaving as you’d expect, check to be sure of these things:

• All shortcode is present, including bookends and the forward slash on the closing bookend.
• The content that you want in the right column is fully nested within the right column shortcode

If you’re still having trouble, contact the EASI Web Team.