Liquid, JavaScript, themes, sales channels
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
I would like to try to make my website to be full width on the Home page, Collection pages and maybe product pages.
Let me know how.
Thanks.
https://bluerose-collections.com/
Hey
To make all pages full width you'd have to change the CSS code for the .page-width class in your CSS file.
Change this:
.page-width {
max-width: 1180px;
margin: 0 auto;
padding: 0 10px;
}
To this:
.page-width {
max-width: 100%;
margin: 0 auto;
padding: 0 10px;
}
I'd suggest duplicating your theme before making any changes in case something breaks or does not look as intended.
Let me know if you need more help.
Thanks,
Andre
Hi Andre.
This code works.
However it makes the items in the collection pages smaller on Mobile.
Any way to adjust this?
Thanks.
Hey
Please go to the same file and paste this code at the bottom and let me know if it works:
@media only screen and (max-width: 600px) {
.page-width {
max-width: 100%;
}
}
This code should only affect the mobile version of the website.
Let me know if that works and if you are satisfied with the results.
Thanks,
Andre
It works good for desktop.
Bu it still makes all the pictures and products too small
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022