Add a custom full-width Page section to the homepage

This tutorial allows you to add a full width page section to your theme section options. This will allow you to add full-width content on the homepage like HTML or embed codes.

1

Create a new section file

Edit code - Example from live theme:

In the Sections folder, choose Add a new section:

Call the section:

index-page-full-width

Example:

Use the Create section button to complete. 

Erase all the default code that generated:

Replace the default code with the code from this file:

Click to view code

Save the file:

2

Add the new section in the Theme Editor

Open the Theme Editor:

Under Sections:

Choose Add section:

Add new Page full width section from the Text group:

After adding the section, choose your page which has the content you're adding:

Save the file: