Home › Forums › Basel support forum › mobile version
mobile version
- This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago by Elise Noromit.
-
AuthorPosts
-
March 28, 2018 at 7:40 pm #49689
artemignatyev1611ParticipantHello. 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.March 28, 2018 at 7:46 pm #49692
artemignatyev1611ParticipantIts screenshot 2
Attachments:
You must be logged in to view attached files.March 28, 2018 at 9:29 pm #49713
artemignatyev1611ParticipantHeyyy! 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? ThanksMarch 29, 2018 at 8:31 am #49763
Elise NoromitMemberHello,
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 RegardsMarch 29, 2018 at 5:55 pm #49908
artemignatyev1611ParticipantYou are unbelievable great!!! Thank you so much!!!
March 29, 2018 at 6:55 pm #49919
Elise NoromitMemberWe are happy to help. If you have any questions feel free to contact us.
Best Regards
-
AuthorPosts
The topic ‘mobile version’ is closed to new replies.
- You must be logged in to create new topics. Login / Register