Savor Theme Full Page Width?

[tommy6030]

Hi all!

Has anyone cracked how to make pages full width in the new “Savor” theme?

Here are my pages that are not full width:

Inspiration

Finishes

Thanks!!

[Shopify-Partner]

@tommy6030

Has anyone cracked how to make pages full width in the new “Savor” theme?

Here are my pages that are not full width:

Inspiration – Nemesis Wheels

Hi, in Savor, full-width pages usually need a bit of CSS help, Shopify’s theme settings often don’t include a full-width toggle if you’re comfortable editing code, try adding this in Edit code - base.css at the bottom.

[namphan]

Hi @tommy6030,

Please go to Actions > Edit code > Sections > main-page.liquid file and change code:

page-width-content

=>

page-width

Refer:

If I helped you, then a Like would be truly appreciated.

[tim_tairli]

Do not edit theme code, it will make future updates difficult!

Go to this section settings and paste this into “Custom CSS”:

.section {
  --normal-content-width: 100%;
}

Setting CSS variable used in theme will make theme logic still valid.
Simply overriding max-width will break it because internally, the theme code will still “think” that your page content is narrow.

[Bang_T]

Hello @tommy6030

You can do this via Theme Customizer > Theme Settings > Custom CSS

.page-width-wide .page-width-content {
–page-content-width: calc(100% - 40px);
}

[Dan-From-Ryviu]

You would see option to set size of section in your theme customization, change it to Full

[tommy6030]

You all are amazing and thanks so much for helping me!