My account page is not mobile responsive how to fix?

This topic has 3 replies, 2 voices, and was last updated 3 years, 11 months ago ago by Mohammad Javed

  • Avatar: Mohammad Javed
    Mohammad Javed
    Participant
    February 24, 2021 at 13:49

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

    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 24, 2021 at 13:50

    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
    March 8, 2021 at 07:14

    Thank you so much. It is fixed.

  • Viewing 3 results - 1 through 3 (of 3 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.