Cannot Increase Page Content Width (Horizon Theme)

[3rdDay]

Hi,

I’m using the Horizon theme and there is currently no option of changing the width of the content of a page template for the Horizon theme. I need to increase the width of the page Title and Content, but this is not possible with Shopify’s Horizon theme.

My website: Christian Clothing

Any support would be much appreciated.

Thanks

Asa

[Moeed]

Hey @3rdDay

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

{% if template == 'page' %}
<style>
@media screen and (min-width: 768px) {
main .section.page-width-content.color-scheme-1 {
    display: flex !important;
    justify-content: center !important;
}
main .spacing-style.layout-panel-flex.layout-panel-flex--column.section-content-wrapper.mobile-column {
    width: 60% !important;
}
}
</style>
{% endif %}

NOTE: Adjust the width from 60% to however you like.
RESULT:

---

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

[3rdDay]

Amazing! Thank you!

What if I have multiple templates: about, eco, faq etc.

Thanks!