Account pagestyling - by Wojciech Tyszkowski

3 replies2 participantsUpdated by Rose Tyler

  • Avatar: Wojciech_Tyszkowski
    Wojciech Tyszkowski
    Participant

    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

    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

    Thanks,

    Works fine.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register