Buttons mobile allignment CSS

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Tanvirul Haque

    (@tanvirul)

    1 year, 6 months ago

    Hi @tanlaci

    Thanks for reaching out to us. Could you try with this CSS code and confirm me is it resolved your issue or not?

    @media (max-width: 480px) {
    .woocommerce div.product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 4px;
    }
    .woocommerce div.product .button.single_add_to_cart_button {
    flex: auto;
    }
    .woocommerce a.button.wc-buy-now-btn,
    .woocommerce button.button.wc-buy-now-btn,
    .woocommerce input.button.wc-buy-now-btn {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    }
    }

    Thread Starter tanlaci

    (@tanlaci)

    1 year, 6 months ago

    Thanks for the reply. I can play around with the layout and positioning now. I was hoping to get a simpler CSS selector to target this button but probably it is not possible.

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

The topic ‘Buttons mobile allignment CSS’ is closed to new replies.