Hey there Mads,
You’ve got a nice site there 🙂
This can be done with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
media only screen and (min-width: 768px) {
.home-section.product-categories ul.products li.product {
width: 29.75%;
}
}
This should make them all fit in one row. Hope this helps 🙂
Cheers,
Bojan
Hello Bojan
Thank you for your anser
I’ve installed the Simple Custom CSS plugin and added your css code, but it still doesn’t work. Do you have anything else that could work?
Mads
Hey again Mads,
Sorry to hear the code is not working 🙁
Did you remove the code? If yes could you please add it again and let me know so I can take a look?
Cheers,
Bojan
Hello Bojan
It seems to work if I remove the line:
media only screen and (min-width: 768px) {
Do you have any idea why?
Hey there nielsen0311,
I’ve added the media query so the changes take effect on resolutions higher then 768px.
Just realized there is @ missing in the media query in the code above. Try replacing it with this:
@media only screen and (min-width: 768px) {
.home-section.product-categories ul.products li.product {
width: 29.75%;
}
}
Please let me know if this helps 🙂
Cheers,
Bojan
Ohhhh……. So stupid…
Thank you very much, it helped just perfectly!
Thank you again!
Mads
