My account: Navigation on left and content on right

Dear Athemes team,

Would appreciate some help.

How do I make the navigation in “My Account” on left instead of on top?
image

What determines the products that goes to best sellers?
image

Also, is there any way to loop featured products using this theme? (those with stars)

Thank you very much!

Hello,

How do I make the navigation in “My Account” on left instead of on top?

You can try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

body.woocommerce-account .entry-content > .woocommerce,
body.woocommerce-account .entry-content > .woocommerce .woocommerce-MyAccount-navigation > ul {
    margin-left: 0;
}

Please create a separate topic for each of your other questions to keep forum in good order and make it easier to help you.

Kind Regards, Roman.

1 Like

Hi Roman,

Thank you for your reply.
What I meant is the the nav bar is on the left while the content loads on the right.
Somehow I have managed to do so using below code in additional CSS

.woocommerce-MyAccount-navigation ul li{
list-style:none;
padding:8px;
border-bottom: #e1e2e3 1px solid;
}
.woocommerce-page.woocommerce-account .woocommerce{
max-width:100%;
}

.woocommerce-MyAccount-navigation{
float:left;
}
.woocommerce-MyAccount-content{
float:left;
max-width:700px;
margin-left:70px;
}
.woocommerce-MyAccount-content form{
width:400px;
}
.woocommerce-MyAccount-content form h3{
margin-top:0px;}
.woocommerce-Message {
padding:10px;
background:#e1e2e3;
}
.u-column1{
width:40%;
float:left;
margin-right:20%;
}
.u-column2{
width:40%;
float: left;
}
#customer_login{
width:65%;
margin:0 auto;}

#customer_login h2{
margin-top:0;
}

@media screen and (max-width: 800px) {
.u-column1, .u-column2 {
width: 80%;
}
}

image

Regards
Manhua

You are welcome Manhua!

And thank you for sharing that :slight_smile:

Kind Regards, Roman.