How to make custom page template full width

Store Design
, , ,
1

Hi,

I’m trying to make this page full width like on the home page:

https://selo-oils.myshopify.com/pages/corporate-gifts

How can I do this?

1 Like
2

The only thing in this template is follows:

{% section ‘home-image-with-text-overlay’ %}
{% section ‘home-text’ %}

3

Hi @merlic

We would like to give you a suggestion below:

  • Step 1: Go to Themes => Edit code
![view (43).png|1620x438](upload://3O5YqHyBUlemFeYeLSSJD1veWjZ.png)

  • Step 2: Find the file “theme.scss.css”

  • Step 3: Find the class “.main-content, .template-product-slideshow .related-products” in the file

  • Step 4: Proceed to edit the class, it will look like this:

.main-content, .template-product-slideshow .related-products {
   padding: 50px 30px 0; /* if you want the full width, you can delete this line */
   }
   @media (max-width: 720px) {
     .main-content, .template-product-slideshow .related-products {
       padding-top: 60px; /* if you want the full width, you can delete this line */
}
}
...
  • Hopefully, it will solve your problem. If you need further help, please let us know.
4

This does not help me as my theme is written in .scss.

5

Hi @merlic

It’s a bit difficult for us if we only check it outside your storefront. If possible, please share your store access with us. Then, we can support you better.