Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Wide Shopify site in editor

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

Champletic
Tourist
10 0 4

Hi Shopifiers,

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

wide.PNG

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

Website: champletic.com

Replies 11 (11)

Ollie
Shopify Staff (Retired)
2550 460 422

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:

29-14-30975-62144

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.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Champletic
Tourist
10 0 4

Thx for the reply,

My theme is Impulse

Champletic
Tourist
10 0 4

@Ollie 

Ollie
Shopify Staff (Retired)
2550 460 422

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.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Champletic
Tourist
10 0 4

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
Shopify Partner
37409 3661 12115

@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.

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Champletic
Tourist
10 0 4

Site URL: champletic.com password: rtaysh

Thank you!

KetanKumar
Shopify Partner
37409 3661 12115

@Champletic 

thanks but i can't see password button sorry

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Champletic
Tourist
10 0 4

I disabled the password, you should be fine now.

KetanKumar
Shopify Partner
37409 3661 12115

@Champletic 

yes its work 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Champletic
Tourist
10 0 4

@KetanKumar 

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