How can I adjust the width of my page in the editor?

[Champletic]

Hi Shopifiers,

I recently saw that my page in the editor is extreemly wide. (see picture)

How can I fix this? I think this is the reason why my footer won't center.

Website: champletic.com

[Ollie]

Hey @Champletic.

Thanks for reaching out.

I do appreciate that you have included an image and the URL to the store as that is super helpful. As I am looking at the store, I did not notice what could be causing the width of the store to display as wide as it is currently. Would you let us know which theme you are using? If you are unsure about which theme is live on your online store, you can navigate to the Theme Editor and select the three dots to see who the theme is designed and supported by. I took a screenshot from my test store to show you the section I am referring to:

The sizing of the online store may be due to the coding of the theme. Once we determine which theme you are using we can then look towards the next troubleshooting steps.

Looking forward to your response.

[Champletic]

Thx for the reply,

My theme is Impulse

[Champletic]

@Ollie 

[Ollie]

Hey @Champletic.

Thanks for the quick reply.

I went ahead and added the Impulse theme to my test store to see if my online store would have a similar issue. It looks like the width of the Impulse theme is displaying fairly normal on my side. Did you make any custom coding changes to your theme? As this could be the reason the online store is appearing as wide as it is.

Since the Impulse theme is designed and support by Archetype Themes it would be best to reach out to their support. They can take a closer look into the coding of the theme to see what may be causing the width of the store. You can reach out to the third-party developers using their Contact Us page.

Let me know if you have any questions.

[Champletic]

Hi,

After a long search I figured out where it is coming from.

When you add a navigation page, you have a slider option that starts at 15 and can go up to 95. For some weird reason, it makes it 1520% up to 9520%.

I can't seem to find this code in my theme files, does anyone know this?

Code:

<div class="grid__item footer__item--6adf08d3-edc8-4aea-9385-aeb553d04a75" data-type="menu"><style data-shopify="">@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--6adf08d3-edc8-4aea-9385-aeb553d04a75 {
width: 50%;
padding-top: 40px;
}
.footer__item--6adf08d3-edc8-4aea-9385-aeb553d04a75:nth-child(2n + 1) {
clear: left;
}

}
@media only screen and (min-width: 960px) {
.footer__item--6adf08d3-edc8-4aea-9385-aeb553d04a75 {
width: 9520%;
}

}</style><div>
<div class="collapsible-content__inner">
<div class="footer__collapsible footer_collapsible--disabled">
<ul class="no-bullets site-footer__linklist"><li><a href="/pages/return-policy">Return Policy</a></li><li><a href="/pages/shipping-faq">Shipping FAQ</a></li><li><a href="/pages/contact-us">Contact Us</a></li></ul>
</div>
</div>
</div></div>

Can anyone help me find in what file I need to be to change this?

Thank you!

[KetanKumar]

@Champletic 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Champletic]

Site URL: champletic.com password: rtaysh

Thank you!

[KetanKumar]

@Champletic 

thanks but i can't see password button sorry

[Champletic]

I disabled the password, you should be fine now.

[KetanKumar]

@Champletic 

yes its work 

can you please comment your css code so i will give you new full width code 

[Champletic]

@KetanKumar 

You mean the css.liquid one? Or which one do you need?