mobile version

Hello. I promise you last question. But its not happened. Sorry. But I have a few questions more. Please help. I read a lot of different articles but I couldnt found good solution. So if you made this theme for you it can be so easy to say me:
1. How I can correct the blocks for correctly showing on mobile devices. On my account page I have like 2 parts: left with menu and right with content. Screenshot 1. Its show good on desktop. But unfortunately not cool on mobile devices. Look screenshot 2. Today I just corrected it with css function margin. I changed user info+user avatar and myAccount-navigation. Please help.
2. I changed colors of the link icons on dashboard on my account page like you said me and now i cant see icons color on top bar for account and contacts. Screenshot 3. Please help me to correct it. I tried with css like: .fa-….etc.but I couldnt. Say me some ideas please.

Really I hope its last 2 big problems before starting. Need your help so much.

Attachments:

You must be logged in to view attached files.

Its screenshot 2

Attachments:

You must be logged in to view attached files.

Heyyy! Sorry! Cancel this request! I decide back up it.
Just say me how I can move user-avatar+user-information to top of my account page? Thanks

Hello,

You will need to add this CSS code in to Theme Settings > Custom CSS:

.woocommerce-my-account-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

 .basel-my-account-sidebar, .woocommerce-MyAccount-content {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.woocommerce-MyAccount-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.woocommerce-MyAccount-content {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column;
}

If you have any questions feel free to contact us.
Best Regards

You are unbelievable great!!! Thank you so much!!!

We are happy to help. If you have any questions feel free to contact us.

Best Regards

[Author]

Posts