New Landing › How can we help? › Atelier › Mobile Homepage Product Layout

Viewing 6 posts - 16 through 21 (of 21 total)
1 2
  • Back to forum
    Posted in: Atelier
  • May 10, 2016 at 1:37 am #266311
    geminicontacts
    Member
    Post count: 27
    This reply has been marked as private.
    May 11, 2016 at 9:59 am #266722
    David Martin – Support
    Moderator
    Post count: 20834

    Please test this:

    .woocommerce li.product-display-standard.col-sm-sf-5 {
    width: 25%!important;
}
.woocommerce li.product-display-standard.product-layout-grid.col-sm-sf-5 {
    width: 20%!important;
}

    – David.

    May 18, 2016 at 9:29 pm #268541
    geminicontacts
    Member
    Post count: 27

    David!
    That works!
    Thank you!

    May 19, 2016 at 7:30 am #268573
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Thanks David

    May 20, 2016 at 4:42 am #268892
    geminicontacts
    Member
    Post count: 27

    David,

    Hi.
    Your work around works great on my computer but causes problems on mobile.
    Any way to use fix you sent only on bigger devices?

    Thank you!

    May 20, 2016 at 6:01 am #268895
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Use this code:-

    @media only screen and (min-width: 1024px) {
.woocommerce li.product-display-standard.col-sm-sf-5 {
    width: 25%!important;
}
.woocommerce li.product-display-standard.product-layout-grid.col-sm-sf-5 {
    width: 20%!important;
}
}

    Thanks
    Mohammad

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 16 through 21 (of 21 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register