> 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/why-are-my-pages-so-wide.md).

# Why are my pages so wide?

By default, the *page.studio* template doesn't inherit your theme's code that wraps around the content of a page. This can cause issues if your theme depends on this wrapper code for the width of the page.

Follow the steps below if you'd like your *page.studio* template to use this wrapper.

1\. Starting from your Shopify dashboard, click on **Online Store**, **Themes**, then **Edit code**.

<figure><img src="/files/pqGmfVk2hbBmKSarBsni" alt=""><figcaption></figcaption></figure>

2. On the left side, under the **Templates** heading, locate the **page.liquid** and **page.studio.liquid** files.
3. Copy all the code inside the **page.liquid** file, and replace the **page.studio.liquid** file with it.
4. Locate the following line of code in your **page.studio.liquid** file:

```html
{{ page.content }}
```

5. Replace it with the following snippet.

```html
<link href="//studios.cdn.theshoppad.net/pagestudio/blocks.css?v={{ page.metafields.global.version | default: 3 }}&shop={{ shop.permanent_domain }}" rel="stylesheet" type="text/css"/>
<script src="//studios.cdn.theshoppad.net/pagestudio/pagestudio.dist.js?v={{ page.metafields.global.version | default: 3 }}"></script>
<div class="studioengine">{{ page.content }}</div>
```

6. **Save** your changes.