Studio Theme: Custom pages not displaying with full width

[AmandaInman]

I just updated my shop with the Studio theme, and am noticing that all collections and the blog are showing with the wider width (1400) but any page I have created (all are under the "About" Tab: About the Designer, Shipping, FAQs, etc.) are showing up with a much narrower width. How can I get these pages to display as wide as the rest of the website?

Shop URL: www.amandakjewelry.com

Thanks!!

Amanda

[PageFly-Theodor · Accepted solution]

Hi @Amandalman,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the custom page not display full width ,let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

.page-width{
max-width: var(--page-width) !important;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[PageFly-Theodor · Accepted solution]

Hi @Amandalman,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the custom page not display full width ,let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

.page-width{
max-width: var(--page-width) !important;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[INA_MSWEB · Accepted solution]

Hi @AmandaInman 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.page-width {max-width: var(--page-width) !important;}

Regards,

San

[websensepro]

Hi, @AmandaInman.

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

.page-width--narrow {
    max-width: 90%;
}

Result: Check all pages.

If I managed to help you then, don't forget to Like it and Mark it as Solution!