How can I modify the layout of the billing options that now are listed vertically in one column to a 3 column lay out instead ?
How can I modify the layout of the billing options that now are listed vertically in one column to a 3 column lay out instead ?
How can I modify the layout of the billing options that now are listed vertically in one column to a 3 column lay out instead ?
I suppose something like this:
.ty-payments-list { width: 100%; padding-right: 0px !important; } .ty-payments-list__item { width: calc(~"100% / 3"); width: -webkit-calc(~"100% / 3"); float: left; } @media (min-width: 480px) and (max-width: 767px) { .ty-payments-list__item { width: calc(~"100% / 2"); width: -webkit-calc(~"100% / 2"); } } @media (max-width: 480px) { .ty-payments-list__item { width: 100%; } }
I suppose something like this:
.ty-payments-list { width: 100%; padding-right: 0px !important; } .ty-payments-list__item { width: calc(~"100% / 3"); width: -webkit-calc(~"100% / 3"); float: left; } @media (min-width: 480px) and (max-width: 767px) { .ty-payments-list__item { width: calc(~"100% / 2"); width: -webkit-calc(~"100% / 2"); } } @media (max-width: 480px) { .ty-payments-list__item { width: 100%; } }
I am in debt to you poppedweb,
http://prntscr.com/gnobir