Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #602551

    Hi Guys,

    Hoping you can help, on mobile it seems the theme is squashing a 4 column product layout into 2 skinny columns and its messing up the look of the site on mobile as it leave a large blank space and squashed the products –

    Screenshot here –

    Im using the code –

    [products ids=”71,442,137,24,167,180,528,479″ orderby=”date” order=”asc” columns=”4″ ]

    To generate the products on the homepage.

    This is driving me crazy :(

    Im not using any custom CSS etc


    Any CSS fix for this one?


    Doesn’t seem to happen with woocommerce cat pages, just the homepage?



    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 760px) {
    div .products .product {
        width: 49%;



    Perfect, thanks Yigrit!



    You are welcome!
    For your information, you can take a look at Enfold documentation here –
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here –
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Woocommerce Product images all at one side on mobile’ is closed to new replies.