Mobile Alignment

  • Resolved Augusto Gentile

    (@agugentile)


    3 years, 5 months ago

    Hi, the plugin works perfectly, but when in the mobile version, the variation items alignment gets collapse.

    Does anyone know how can I fix this? I tried CSS coding space-between but I didn’t succeed.

    Website-Screenshot

    The page I need help with: [log in to see the link]

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

  • Hello @agugentile
    Hope you are well.
    Please add the below CSS in your active theme style and it should solve the issue.

    @media only screen and (max-width: 767px) {
    .woo-variation-swatches
      .variable-items-wrapper
      .variable-item:not(.radio-variable-item) {
      margin: 4px 1px 4px 0;
    }
}
@media only screen and (max-width: 767px) {
    .et_pb_wc_related_products ul.products.columns-2 li:nth-child(2n + 2) {
      margin-right: 8px !important;
    }
    .et_pb_wc_related_products ul.products.columns-2 li.product {
      width: 45% !important;
    }
  }

    Thanks

    Hi,

    How do I center align the plugin?

    Thanks!

    Hello @wander365

    Could you share an exact page URL where you are facing the issue so that I can run investigate on that and squash your issue immediately?

    Thanks

    Thread Starter Augusto Gentile

    (@agugentile)

    The solution by @humayonk worked perfectly. Many thanks

    Glad to hear that your issue is now resolved.

    If you found our support helpful, could you leave your valuable feedback here:?https://www.ads-software.com/support/plugin/woo-variation-swatches/reviews/

    Your rating keeps us inspired.

    Thank You

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile Alignment’ is closed to new replies.