Account pagestyling - by Wojciech Tyszkowski

This topic has 4 replies, 2 voices, and was last updated 3 years, 10 months ago ago by Rose Tyler

  • Avatar: Wojciech_Tyszkowski
    Wojciech Tyszkowski
    Participant
    February 25, 2021 at 11:35

    Hi,

    I have a problem with My account page styling on mobile:

    https://prnt.sc/106g0m8

    could you please help ?

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 25, 2021 at 11:37

    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: Wojciech_Tyszkowski
    Wojciech Tyszkowski
    Participant
    February 25, 2021 at 11:41

    Thanks,

    Works fine.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 25, 2021 at 11:45

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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