My account page is not mobile responsive how to fix?

Solved2 replies2 participantsUpdated by Mohammad Javed

  • Avatar: Mohammad Javed
    Mohammad Javed
    Participant

    My account page is not mobile responsive can you check please?

    2 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    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

    Avatar: Mohammad Javed
    Mohammad Javed
    Participant

    Thank you so much. It is fixed.

The issue related to '‘My account page is not mobile responsive how to fix?’' has been successfully resolved, and the topic is now closed for further responses