Mobile view products 1 per row? - by armanchicago

This topic has 6 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

  • Avatar: armanchicago
    armanchicago
    Participant
    November 16, 2015 at 22:29

    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

    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    November 16, 2015 at 22:47

    Hello,

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

    Regards,
    Eva Kemp.

    Avatar: armanchicago
    armanchicago
    Participant
    November 17, 2015 at 00:50

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

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 17, 2015 at 08:48

    Hello,

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

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

    Regards,
    Robert Hall.

    Avatar: armanchicago
    armanchicago
    Participant
    November 17, 2015 at 22:34

    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!

    Avatar: Eva
    Eva Kemp
    Support staff
    November 18, 2015 at 10:05

    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.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.