How to fix missing div class in store location page alignment?

Shopify Discussion
1

In my https://myitworld.com/ site. I have to edit the stores location page and save it. The div class=“MainWrapper” id=“custom” is not display on edited pages so that page alignment goes wrong. Here, I have the edited page and unedited page link to find and suggest me.

Edited page link:
https://myitworld.com/pages/it-world-hp-retail-showroom-chrompet-chennai
Unedited page link:
https://myitworld.com/pages/it-world-hp-retail-showroom-bannerghatta-bangalore

I find the difference between these two pages are id=“custom” on div class"mainWrapper" it is missing. I will check and edit on inspect mode it is working but live it will not work. Kindly find this issue and suggest me.

2

Hi @Itworld

If you want all pages appear full width then please add this CSS code at the bottom of your theme.scss.liquid file

.template-page .main-content-wrapper { max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; }
.template-page .main-content-wrapper .main-content { width: 100% !important; }
3

Hi Dan. Thank you very much for your help. The above code works.

1 Like
4

Happy I could help :heart: !