Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30848
    dankorotin
    Guest

    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.

    #30849
    support
    Guest

    Thank 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.

    #30850
    dankorotin
    Guest

    Thanks so much, it worked out!

    #30851
    support
    Guest

    You’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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Any way to control how the responsiveness acts?’ is closed to new replies.