Woocommerce Account Page Mobile Layout Messy

Solved1 reply2 participantsUpdated by Rose Tyler

  • Avatar: bri3cheese
    bri3cheese
    Participant

    Hi,

    I need help with the alignment of my account page in mobile layout please. I showed you screenshot how it was messy.

    Please, contact administrator
    for this information.

    1 Answer

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Helllo,

    Add this code in Theme Options > Theme custom CSS > Global custom CSS:

    @media only screen and (max-width: 992px) {
        .woocommerce-MyAccount-navigation-wrapper {
            width: 100%;
            margin-bottom: 20px;
        }
        .MyAccount-dashboard-buttons {
            flex-wrap: wrap;
            margin-bottom: -10px;
        }
        .MyAccount-dashboard-buttons .btn {
            white-space: nowrap;
            margin-bottom: 10px;
        }
    }

    clear cache and check My account page then. This code can be deleted after the next theme update.

    Regards

The issue related to '‘Woocommerce Account Page Mobile Layout Messy’' has been successfully resolved, and the topic is now closed for further responses