Debut Theme -How do I make the page full width?

Store Design
1

Hello,

I am building a site for my new brand and Im looking to do a few things but if I could just get help with one I would be more than happy.

My site is https://villagetoolz.myshopify.com/

Im looking to make my page full width, the image with text overlay on my contact page isnt full width on the site like the home page. I would also like for the image gallery on my catalog page to be full width as well along with the catalog itself. Images of what I am talking about are listed down below:

https://imgur.com/a/6FrK5E8

I am also looking to align the social media and copyright text of footer to the middle of the page.

https://imgur.com/a/NuTJdCD

I appreciate any responses im looking to get launches soon so any help is highly appreciated.

1 Like
2

@AzuJE

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.page-width {
    max-width: 100% !important;
    padding: 0px 15px !important;
}
3

This didnt exactly work, this made the image a bit longer yes but it didnt extend to the full page like in the homepage and also it made the information in the footer very far apart from each other, including the copyright and payment options. As seen below:

https://imgur.com/a/EoO9k6J

Would you by any chance happen to have another fix?

2 Likes
4

do you need particular section?

5

I would like to make the same change in both the contact page and the catalog page.

On the catalog page I would like to make the gallery that has 3 images full width similar to the homepage.

And on the contact page I would like to make the image with text overlay full width similar to the homage as well. You can see in the image provided below.

https://imgur.com/a/6FrK5E8

1 Like
6

In the image I also put arrows on the contact page but that isnt important I mainly want the image with text overlay to be full width on the contact page.

7

Hello @AzuJE

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

8

The link to the site is https://villagetoolz.myshopify.com/

Thanks in advance!

9

hello @AzuJE

do you want to look like this https://nimb.ws/jw7CLl

10

Yes however I would like the footer items to stay as is, I like the spacing that there is for the items in the footer but I do like how you made the image with text overlay to fill the whole site yes.

https://imgur.com/a/IogRpgo

11

Hello, @AzuJE .

Elias here with Shopify Support. Thank you for reaching out.

I understand you’re looking to make your page full-width on the Debut theme, and it looks like you were able to achieve this through the custom coding shared by the community. Nevertheless, if you need help with the other customizations, such as aligning the social media icons or making the image with text overlay and contact page full width, then this is something that our Theme Support team can help you with.

If your store is subscribed to a plan, then you’re eligible to use the complimentary design time included with your subscription on customizing your theme. Though our Theme Support can assist you with a number of customizations; however, there is a shortlist of unsupported customizations outlined on our design policy for your reference. While we’re not able to provide account-specific support via the Shopify Community at this time, our Support team would be happy to assist you with a customization request through live chat, email, or callback. To get in touch with our Support team, please visit the Shopify Help Center and log in to your account to create a support request.

It also looks like you’re store is ready for launch, and I think it looks great! Have you prepared a marketing plan for your business?

12

I was able to fix most problems but there is still a problem with the contact page of the site. The width of the banner doesnt stick, if I open up the site on a 4k monitor the image will not resize properly, and then there is a bunch of white space. It looks fine on a 1080p monitor but I want it to go with any sized monitor like the homepage does.

13

Hey, @AzuJE .

Thank you for following up!

I’m not sure how wide the contact page can be, as most themes are adaptive to the screensthat they are being viewed on. However, since the Debut is a Shopify-supported theme, then this is something that our Theme Support team can help you look into. Simply get in touch with our Support team through the Shopify Help Center and provide the customization details - our Support team will be able to escalate your request to our Theme Support.

Did you get a chance to contact our Support team through the Shopify Help Center?