Support » Plugin: Variation Swatches for WooCommerce » Mobile Alignment

  • Resolved Augusto Gentile


    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.


    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) {
          .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;





    How do I center align the plugin?


    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?


    Thread Starter Augusto Gentile


    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:

    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.