Image/text split

Where has this layout been used?

This layout has been used on the following pages: Migraine basics, Managing Migraine, About Us, Wellbeing, Support, Migraine is a disability, Care team

What is this layout?

An example layout is shown in the image below:

How it works

It creates:

1. A full width section (where the headline is in the image above)

2. Two columns side by side which are half the screen width on large screens and full width on mobile (where the image and text are in the image above).

However, you could use this section to create different effects as well. This is another example:

How is it added?

1. Add the tag "Admin Show Custom Content" to the page you are editing

2. In the content editor of the same page:

   1. Add 2 horizontal lines (<hr>) underneath where you would like the full width section to end

   2. Add 2 horizontal lines (<hr>) underneath where you like like the left column to end

   3. Add 2 horizontal lines (<hr>) underneath where you would like the right column to end.

See image below for where you can add the horizontal line from the content editor (highlighted red box):

See the image below that shows how the content editor will look once the three sets of 2 horizontal lines are added.