I had CSS on my site for my product pages to display two columns on mobile. The code worked until I changed the type of page to make it more SEO friendly. Here's the code I have:
I suspect that the line that needs to be changed is the .products.list-grid since I no longer use that type of page to display products. Check out any of the five product category pages to see the type of page I'm currently using. They're all the same. Thanks.
Question
Skor 6
Site URL: https://carolynkdesigns.com
I had CSS on my site for my product pages to display two columns on mobile. The code worked until I changed the type of page to make it more SEO friendly. Here's the code I have:
@media only screen and (max-width:640px) {
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products .grid-item {
width: 48%;
}
}
I suspect that the line that needs to be changed is the .products.list-grid since I no longer use that type of page to display products. Check out any of the five product category pages to see the type of page I'm currently using. They're all the same. Thanks.
Link to post
Top Posters For This Question
4
4
2
Popular Days
Nov 4
3
Nov 6
2
Feb 22
1
Feb 23
1
Top Posters For This Question
Skor 4 posts
tuanphan 4 posts
zaitken1 2 posts
Popular Days
Nov 4 2020
3 posts
Nov 6 2020
2 posts
Feb 22 2021
1 post
Feb 23 2021
1 post
9 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment