- AuthorPosts
- March 26, 2020 at 10:56 am #30848dankorotinGuest
My site’s responsiveness reorganizes a shopping catalogue into rows of three, which ends up messing with my layout. Is there any way to make it only resize evenly only into rows of 2 or 4? The theme that I’m using is Hifidel.
March 31, 2020 at 1:02 pm #30849supportGuestThank you for your question. Unfortunately our themes do not have a way of directly modifying the way WooCommerce controls the break points and responsiveness for how products display on their shop catalog pages. However, I was able to locate a thread from Stack Overflow that shows you how to use Custom CSS rule to change the widths of your shop items for mobile devices.
This is the the code you will need to enter to make sure your products display in 2 columns for mobile devices:
@media(max-width:767px){ .entry-content .products li { float: left; width: 50%; } }
I hope that code gives you the design that you need and please let us know if you have any additional questions in the future, we are always happy to help.
April 2, 2020 at 1:14 pm #30850dankorotinGuestThanks so much, it worked out!
April 2, 2020 at 2:51 pm #30851supportGuestYou’re welcome, I am glad to hear that code worked for you! Please let us know if there is anything else that we can do to assist you.
- AuthorPosts
- The topic ‘Any way to control how the responsiveness acts?’ is closed to new replies.