Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1434006

    I’m having an issue on mobile view where the radio buttons overlap shipping options in the cart

    View post on imgur.com

    #1434043

    Hey designmek,

    Thank you for the inquiry.

    Please add this css code to adjust the space between the radio buttons and the input label.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      .wp-block-woocommerce-cart-order-summary-shipping-block .wc-block-components-radio-control .wc-block-components-radio-control__input {
        margin-left: -10px;
      }
    }
    

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

    #1434049

    worked perfectly, i went with -20px for good measure.

    Did not need to do the following:

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Thanks!

    #1434053

    Hi,

    Great! Glad to know that it worked. Please feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

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