Shopify themes, liquid, logos, and UX
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
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.
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
Thx for the reply,
My theme is Impulse
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
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!
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.
Site URL: champletic.com password: rtaysh
Thank you!
thanks but i can't see password button sorry
I disabled the password, you should be fine now.
yes its work
can you please comment your css code so i will give you new full width code
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024