Cart Shipping/Subtotal Alignment Issue

  • Hi, I am wondering if there is a way to remove the shipping title from mobile-only? Currently, my shipping methods are showing with the radio buttons very close to the title

    ex:
    Shipping:(button) Standard: PRICE
    (button) Express: PRICE

    Is there a way to add a line break after the title or remove it altogether?

    Additionally, the buttons on mobile-only showing square? Can they be circular like on the desktop? The quantity is not lining up as well with the subtotal… I need some help ??

    Thanks in advance!
    Screenshot: https://ibb.co/SPTNVGJ
    Shop Link: https://jgl.677.myftpupload.com/cart/

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

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

  • Hello,

    please add below css code in active theme style.css or in
    Appearance->Customize->Additional CSS

    @media (max-width: 767px) {
    ul#shipping_method li {
        display: flex;
	width: 100%;
   }
}

    Thanks

    Thread Starter alexadesigns312

    (@alexadesigns312)

    This work for alignment of shipping methods.

    Do you know how to make mobile radio buttons circles not square for shipping methods? Ideally, it would be great for all radio buttons to be circles.

    Also, still looking for a solution on quantity/subtotal alignment for mobile. See here: https://ibb.co/bz9Y5Xw

    Thanks ??

    Hello

    Please Add Below Code in active theme style.css Or in

    Appearance->Customize->Additional CSS

    @media (max-width: 768px){
    .product-quantity .quantity{
        width: 100%;
        float: none;
    }
    .product-quantity .quantity label{
        float: none;
    }
    .product-quantity .quantity input{
        float: none;
        margin-left: auto;
        text-align: right;
    }
}

    Thanks

    Thread Starter alexadesigns312

    (@alexadesigns312)

    Code above fixed the quantity issue on mobile, thank you so much! ??

    Since you’re a rockstar, I thought I’d ask if you know how to remove the label for variation products on the cart page?

    Example:
    Product title
    attribute: option 1
    attribute 2: option 1

    Sweetie Bar
    Select One: No Jar
    Sex: Boy

    I am trying to remove “attribute” but keep the selection.
    See screenshot here: https://ibb.co/x6NnDWL

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cart Shipping/Subtotal Alignment Issue’ is closed to new replies.