How to reduce the size of multi column or fit 5 across instead of 4

Solved

How to reduce the size of multi column or fit 5 across instead of 4

AmberWilkinson
Excursionist
32 0 6

How to reduce the size of multi column or fit 5 across instead of 4

On desktop I would like all columns across and the images smaller 

Screenshot 2024-10-08 at 14.59.11.pngScreenshot 2024-10-08 at 14.59.18.png

https://deadsetthreads.com.au/pages/who-we-are

Accepted Solution (1)

Moeed
Shopify Partner
6015 1630 1945

This is an accepted solution.

Hey @AmberWilkinson 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.multi-column {
    grid: auto / repeat(15, minmax(0, 1fr)) !important;
}
}
</style>

RESULT:

Moeed_0-1728362659742.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6015 1630 1945

This is an accepted solution.

Hey @AmberWilkinson 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.multi-column {
    grid: auto / repeat(15, minmax(0, 1fr)) !important;
}
}
</style>

RESULT:

Moeed_0-1728362659742.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


AmberWilkinson
Excursionist
32 0 6

Amazing! Thank you so much!!!

Moeed
Shopify Partner
6015 1630 1945

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
638 137 125

Hello @AmberWilkinson 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

@media screen and (min-width: 1000px) {
.multi-column {
grid: auto / repeat(15,minmax(0,1fr));
}
}

result
1.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh