New Landing › How can we help? › Atelier › Product Display Columns

Viewing 5 posts - 1 through 5 (of 5 total)
  • Back to forum
    Posted in: Atelier
  • June 25, 2015 at 8:45 am #188367
    saylife
    Member
    Post count: 161

    Hi!

    Can you help me.
    I need to with the screen resolution (max-width: 1024px) Product Display Columns 5 is changed to 4.
    Because Columns 5 at this resolution not very good looks.
    Default Product Display Columns 5.
    <hr />
    I’m trying to understand your code and Bootstrap. But I could not.
    I have tried here is a code, but not working.

    @media only screen and (max-width: 1024px) {
.full-width-shop[data-shopcolumns="5"] .product
  {
display: none;
	}
.full-width-shop[data-shopcolumns="4"] .product
  {
display: block!important;
}
}
    June 25, 2015 at 8:48 am #188369
    saylife
    Member
    Post count: 161
    This reply has been marked as private.
    June 25, 2015 at 10:46 am #188435
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Try this one

    @media only screen and (max-width: 1024px) {
.product-grid .col-sm-sf-5 {
  width: 25%!important;
}
}

    -Rui

    June 25, 2015 at 11:53 am #188494
    saylife
    Member
    Post count: 161

    Thank you !!
    Very good !!!

    June 25, 2015 at 11:54 am #188497
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem, thanks Rui

  • Back to forum
    Posted in: Atelier
Viewing 5 posts - 1 through 5 (of 5 total)

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