Two Column Product Page for Mobile

Site URL: http://www.everedenlondon.com

Website Password: WinnerWinner

I am trying to get products to show in two collumns on mobile using the following code however it is not working:

@media only screen and (max-width:767px) {
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products .grid-item { width: 48%;
}
}

Can someone help? I am using 7.1

Thanks Eden

53 minutes ago, Eden87 said:

Site URL: http://www.everedenlondon.com

Website Password: WinnerWinner

I am trying to get products to show in two collumns on mobile using the following code however it is not working:

@media only screen and (max-width:767px) {
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products .grid-item { width: 48%;
}
}

Can someone help? I am using 7.1

Thanks Eden

 

It looks fine on mobile at the moment. Do you still need help?

On 4/18/2022 at 10:09 AM, Eden87 said:

Site URL: http://www.everedenlondon.com

Website Password: WinnerWinner

I am trying to get products to show in two collumns on mobile using the following code however it is not working:

@media only screen and (max-width:767px) {
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products .grid-item { width: 48%;
}
}

Can someone help? I am using 7.1

Thanks Eden

 

@bangank36 Hey! I am trying to do this same thing and having trouble. Im using a test site (to make sure I can do what I need to before I sign on). Is that why this isnt working? 

Thanks! 

On 4/18/2022 at 9:09 PM, Eden87 said:

Site URL: http://www.everedenlondon.com

Website Password: WinnerWinner

I am trying to get products to show in two collumns on mobile using the following code however it is not working:

@media only screen and (max-width:767px) {
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products .grid-item { width: 48%;
}
}

Can someone help? I am using 7.1

Thanks Eden

 

Can you share link to page where you want to apply 2 columns? We can check easier