Return to previous page

Topic: mobile view products 1 per row?

armanchicago

Participant

November 16, 2015 10:29 pm

hi, see here please:
https://www.evernote.com/l/AMm_6yuKHh9AQo9RxyIZ-pagIzvURZxOEAA

its in mobile – how can we show 1 product per row, normally its set to 3 so it looks really funny at smaller sizes doing 2 then 1 instead of just 1 per row.

thanks
Site URL: hidden

#99748 copied to clipboard

Like

Eva Kemp

Support staff

November 16, 2015 10:47 pm

Hello,

What mobile device are you checking in?
Also provide us with wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#99754 copied to clipboard

Like

armanchicago

Participant

November 17, 2015 12:50 am

on mobile it is ok, the issue is on desktop with chrome at a small screen size

Content is visible for topic creator and
support staff only.

#99775 copied to clipboard

Like
Robert Hall

Support staff

November 17, 2015 8:48 am
Hello,

I’ve added the following code in Child Theme. Please check it.

.products-grid .product{ width:100%; }

Regards,
Robert Hall.
#99799 copied to clipboard

Like
armanchicago

Participant

November 17, 2015 10:34 pm

this is not what we want at all please remove it! we only wanted this on smaller resolutions and this happens even on desktop size. I could only find the code in the tablet CSS and removed it and still this is happening. we didn’t want it on desktop or any mobile landscape only the smallest size, now it looks horrible and the boss is yell, please return and put it back, I tried to remove your code but the issue is still there and I don’t know where you added it but even full desktop size all the products are one per row and this looks awful!

#100007 copied to clipboard

Like
Eva Kemp

Support staff

November 18, 2015 10:05 am
Hello,

I’ve removed the code in child style.css file.
Try to use this code in Theme Options > Custom CSS > Custom CSS for mobile:

.products-grid .product{ width:100% !important; }

Regards,
Eva Kemp.
#100055 copied to clipboard

Like