Skip to main content

Sandwich Narrative Block

A block with a collapsible area, intended to showcase a secondary story relevant to the current post without directing the user elsewhere.

While the main post content sets the stage and gives full details on a particular topic, the Sandwich Narrative block allows users to present a secondary, short-but-relevant story embedded directly within the original narrative that can add additional context, emphasize a point, or simply add more interest to the current story.

Longer content may be hidden behind a collapsible area so that users can choose to continue reading more if they want, but can also continue reading the main story without needing to scroll past a larger distraction.

Within the editor, the dotted outlined area denotes where content to be hidden should be entered.

Additional options include background color, whether to use an image, and customization of the “Expand to Read More” call to action.

Image Recommendations

While a variety of different image sizes could work well in this block, a good start is the typical 16:9 1500px x 844px for landscape images or the inverse portrait style in the 9:16 ratio (844px x 1500px).

Images of other sizes (especially larger) are fine, though it’s good to keep in mind how certain images may look when viewed on a mobile device. For example, an extremely tall portrait-style image (5000px tall by 50px wide, for example) could be less than ideal for the mobile experience where the image and text stack over eachother. When in doubt, simply resize your desktop browser screen for a rough estimate of the mobile experience.

Block Availability

This block is available on all Immersive Template style posts.

Need help?

Have questions? Feel free to reach out with any questions or concerns at go.ncsu.edu/ucomm-dev-request.