Return to previous page

After adding shipping methods, the cart border in mobile menu floats to the right

This topic has 2 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Luca Rossi

Aure

Participant

September 6, 2024 at 11:51

how to solve the issue?

Copied Theme version: 9.4.0

1 Answer

Luca Rossi

Support staff

September 7, 2024 at 14:12

Hi @Aure,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:


@media (max-width: 600px){
    tr.woocommerce-shipping-totals.shipping {
        display: flex;
        flex-wrap: wrap;
    }
    
    .payment_box.payment_method_paysera,
    .woocommerce-privacy-policy-text p,
    .woocommerce-terms-and-conditions-wrapper .form-row label{
        padding-left: 0;
        text-align: center;
    }
    
    .order-review {
        padding: 15px 5px;
    }
}

Hope it helps!

Copied

Tagged: best selling woocommerce, mobile menu cart border, right float issues, shipping methods adjustments, woocommerce themes fixes
Viewing 2 results - 1 through 2 (of 2 total)