Move the collection list back to left

George230
Tourist
22 0 0

Hi guys,

Some time ago I hired someone to shift the footer menu up. He's done that but he also moved the collection list photos on the right. Doesn't reply to my msgs ever since.

Does anyone know how I can move it back, the problem its on mobil devices it doesn't look very good like that.

I am using PRESTIGE 

Www.jolistore.co.uk

 

Any help will be appreciated. Thank you

Screenshot_20211015-125831_Chrome.jpg

Replies 8 (8)

Ecommpremium
Shopify Partner
512 43 93

Hi @George230  hope you are doing well can you please explain a little more which collection photo you are talking about so I can do it what exactly you want!

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Ecommpremium
Shopify Partner
512 43 93

hi @George230  i understand now apply this CSS in assets go to theme.scss.liquid at bottom

@media screen and (max-width: 640px)
.CollectionList--grid .CollectionItem {
    padding: 0px !important;
}

  

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
George230
Tourist
22 0 0

HI MATE, THANK YOU FOR YOUR HELP BUT THE CODE IS NOT WORKING 

Ecommpremium
Shopify Partner
512 43 93

have you applied it on theme.scss.liquid or where?

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
Ecommpremium
Shopify Partner
512 43 93

@George230  sorry i forgot to apply braces now apply this 

@media screen and (max-width: 640px) 
{
.CollectionList--grid .CollectionItem {
    padding: 0px !important;
}
}
- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
George230
Tourist
22 0 0

Hi, thanks again. It worked now but it changed the spacing between the collections on mobile.  I can't change it now for mobile.

I can't add spacing between them.

Screenshot_20211015-142158_Chrome.jpg

Ecommpremium
Shopify Partner
512 43 93

hi @George230  apply this 

@media screen and (max-width: 640px) 
{
.CollectionList--grid .CollectionItem {
    padding: 12px 12px 12px 12px  !important;
}
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
George230
Tourist
22 0 0

Thanks mate I will leave it without spacing.  If I use the last code the previous issue appear.

 

thanks for your help