How do I adjust the page width on my Debut theme collection?

Hi there, I’m building my new website and added a collection to the brands main menu, ‘East of India’ - when I clock on this link, the products aren’t spread out across the whole page - it’s driving me crazy! Any ideas?

Hi, Can you share the password?

1 Like

Yes, it’s iapeod

Hi Judefish

Can you check this CSS is given important. so it’s generate issue.

@media only screen and (min-width: 750px)
       .medium-up--one-quarter {
         width: 15%!important;
}

When you remove important it’s working.

If helpful then please Like and Accept Solution.
Shopify theme and app developer.
Skype: live:hardikradadiya355
Thanks

Hello @Judefish
Please add the following CSS at the end of the theme.css file. Then it will display like the below image.
If helpful then please Like and Accept as a Solution.

@media only screen and (min-width: 750px)
{
.template-collection .medium-up--one-quarter {
width: 25%!important;
}
}

FYI, you can you the following Instafeed app instead of your current instafeeds app. The Covet pics is a fast, optimised, SEO & Sales friendly instafeed app.
Click to check the app on the Shopify apps store.

2 Likes

Yes, I tried this, but no luck. Thank you anyway.

Perfect! Thanks so much! Will this apply to all of my collection pages now?

@Judefish
yes it will work for all collection pages (desktop/ large screen view)

2 Likes