Breaking the mobile version

  • Resolved armadadev

    (@armadadev)


    3 years, 6 months ago

    Hello!
    I bought the pro version of Variation Swatches. I put the variations on the shop page and things are fine on the desktop, but on the mobile it looks awful. What to do???

    Photo>>>
    https://ibb.co/4S4b3vk

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @armadadev

    Could you please share your site link where you are facing this issue?

    Thanks

    Thread Starter armadadev

    (@armadadev)

    https://armadabg.eu

    Thread Starter armadadev

    (@armadadev)

    My noob fix ??

    @media all and (min-width:0px) and (max-width: 580px){
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span{padding: 0px}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {margin: 1px 5px 1px 0;}
.wvs-style-squared .button-variable-item {min-width: 0px;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {padding: -10px; margin: 1px 8px 1px 0;}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {padding-right: 0px; padding-left: 0px;}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {padding: 1px;}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {min-width: 11%;}
.wvs-archive-variation-wrapper .button-variable-item span {font-size: 13px;}}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Breaking the mobile version’ is closed to new replies.