Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2015 at 9:33 am #492709
    decode

    hi,

    I notice that some Blog News can fit Two items in a row on mobiles, is it possible for Woocommerce Items to display the same way?
    like this: http://screencast.com/t/92LIpr9YnW

    I suppose there is some width limit applied?

    thank you :)

    August 25, 2015 at 1:35 pm #492912
    Yigit

    Hi decode!

    Can you please post the link to your page so we can look into it?

    Best regards,
    Yigit

    August 26, 2015 at 4:26 pm #493668
    decode

    hi, Yigit

    shop items are shown “Two” in a row on desktop browser, but on mobile phone, only one item can be shown.
    http://screencast.com/t/FQyRLRK3O71

    thanks :)

    August 27, 2015 at 1:38 pm #494132
    Andy

    Hi!

    try this code:

    .responsive #top #main .products .product {
width: 50% !important;
}

    Best regards,
    Andy

    September 7, 2015 at 5:37 am #499019
    decode

    hi,

    thanks,
    but it became 50% on all screen sizes, I need it to fit ONE shop item on SMALLER SCREEN ONLY, any idea?

    September 7, 2015 at 12:08 pm #499179
    Andy

    Hi!

    then you need to work with media queries. Use something like this: 

    @media only screen and (max-device-width: 736px) {
.responsive #top #main .products .product {
width: 50% !important;
}}

    Hope this helps.

    Cheers!
    Andy

    October 5, 2015 at 11:54 am #513640
    decode

    hi,

    sorry for late reply,
    we tried the code above but It’s not working, any other advise ?

    thank you :)

    October 5, 2015 at 12:04 pm #513656
    Andy

    Hey!

    try this code instead: 

    @media only screen and (max-width: 736px) {
.responsive #top #main .products .product {
width: 50% !important;
}}

    and adjust as needed.

    Cheers!
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.