How can I adjust the mobile grid size on Impulse Theme?

Technical Q&A
1

Hi there,

I want to change the image grid size for mobile on Impulse theme. I can do this from the theme options but the problem is, the change occurs on desktop too and I only want it on mobile. Please check the images below, right now on mobile they are smaller and I want it to be like in the second image, bigger. Can somebody help me to achieve this ?

2

Hi @editor2 ,

Please send me the link showing the screenshot below, I will help you check it

3

Hi @LitExtension

This is it > https://velanteofficiale.ro/

4

Hi @editor2 ,

I checked the link and didn’t find the section like the screenshot you sent, can you post the link showing where the screenshot is?

I will check it

5

I want on mobile to be like in the second image, bigger, on every collection page.

https://velanteofficiale.ro/collections/huse-iphone-13-pro-max

6

Hi @editor2 ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width:768px){
	.collection-grid__wrapper .grid-product__link .image-wrap {
		height: 300px !important;
		padding-bottom: 0 !important;
	}
	.collection-grid__wrapper .grid-product__link .image-wrap img{
		height: 100%;
		width: auto !important;
		max-width: none;
		margin-left: -55px;
	}
}

Hope it helps!

1 Like
7

@LitExtension

It’s perfect, thank you for your help :slightly_smiling_face:

1 Like
8

@LitExtension

There’s actually a problem, it would be great if you can help me to solve this so I won’t have to resize all those products in the images because there are too many and the products would be looking too small.

The code that you provided me works perfect for the phone cases images, but we have some other products that are bigger than the phone cases so this happend (please check the attached file), the products are being “cut”

9

Hi @editor2 ,

Yes, when you zoom an image, it is required that the images be the same size.

When you change your theme’s settings, will it work fine for all?

10

Unfortunately no, what can I do ?

11

Hi @editor2 ,

So it is a must if you want this because the images need to be the same size, it will give the best zoom for all.

Hope it is clear to you.