Woocommerce Product images all at one side on mobile - Support

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 23, 2016 at 3:20 pm #602551

Gekko101
Participant

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 – http://screen1.s3.amazonaws.com/mob-device-squash.jpg

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

March 24, 2016 at 12:17 am #602844

Gekko101
Participant

Any CSS fix for this one?

March 24, 2016 at 9:41 am #602908

Gekko101
Participant

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

March 24, 2016 at 1:27 pm #602995
Yigit
Keymaster
Hi!

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%;
}}
```
Cheers!
Yigit
March 24, 2016 at 1:33 pm #603003

Gekko101
Participant

Perfect, thanks Yigrit!

March 24, 2016 at 1:37 pm #603008

Yigit
Keymaster

Hey!

You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
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,
Yigit
Author

Posts

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.