I’m trying to mimic the layout of: https://turnmeroyal.com/?tw_source=google&tw_adid=654990709330&tw_campaign=15794278729&gad_source=1&gclid=Cj0KCQjw0MexBhD3ARIsAEI3WHKJtIcQCRhg48KSpZ8FDDpTR3s6n5JsoNuSyYk7230Y1tq0uMUQv7QaArPiEALw_wcB
My Site: https://8dde9a-40.myshopify.com
I would like to keep the header/footer fullwidth but create left/right padding for the body content.
I found this piece of code:
@media(min-width: 767px) {
#shopify-section-template--17615403843848__collection-list .collection-list-wrapper {
max-width: 600px !important;
}
}
but it applies to the collection list.
Thank you in advance!
Hello @PureCountryWeav
This is Amelia at PageFly - Shopify Advanced Page Builder app
You can achieve this by setting the max-width for the body element and then overriding it for the header and footer. This is the simplest approach.
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Hey @PureCountryWeav ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Change the value 1180 as you like. That’s the maximum width of the content.
Screenshot is for reference only, the correct code to paste is the one shown above.
