> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/pagestudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/pagestudio/troubleshooting/enable-full-width-pages.md).
# Enable full-width pages
Follow the steps below on how to add a page template that allows Page Studio pages to stretch the entire width of the browser.
1. Starting from your Shopify dashboard, click on **Online Store**, **Themes**, then **Edit code**.
2. Locate the **Layout** folder and click on the folder icon to add a new layout button called *fullwidth*.
3. Locate the following code snippet below in the **theme.liquid** file.
```html
{{ content_for_layout }}
```
4. Remove any surrounding code that wraps the snippet *(this code usually prevents pages from stretching the full width)*.
***Before***
***After***
5. Add the following code snippet below it and save your changes.
```html
```
6. Now locate the **Templates** folder, then click on the folder icon to add a new template for a page called *studio.fullwidth*.
10\. Replace all the code within the **page.studio.fullwidth.liquid** file with the following snippet.
```html
{% layout 'theme.fullwidth' %}
{{ page.content }}
```
11\. **Save** your changes.
You will now be able to select the **page.studio.fullwidth** template from the Page Studio dashboard, which will allow the page's content to stretch the entire width of the screen.
