Support » Plugin: Variation Swatches for WooCommerce » Mobile Alignment

  • Resolved Augusto Gentile

    (@agugentile)


    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

    wander365

    (@wander365)

    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://wordpress.org/support/plugin/woo-variation-swatches/reviews/

    Your rating keeps us inspired.

    Thank You

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.