Menu in my account is not placed correctly

Hello,

I have a problem in “My account” page the the menu is not placed correctly

Thanks you for your help

Hello there,

Please provide us a link to your site here. When I get it, I can inspect and find the solution for you.

Regards,
Kharis
aThemes Support

Hello Kharisblank,

Here is my site https://kayakofficiel.fr

Regards

Hello there,

Thank you for sharing.

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .woocommerce-page.woocommerce-account.logged-in .woocommerce {
    	 max-width: 100%;
    }
     .woocommerce-page.woocommerce-account.logged-in .woocommerce:after {
    	 content: '';
    	 display: block;
    	 clear: both;
    }
     @media only screen and (min-width: 992px) {
    	 .woocommerce-page.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation {
    		 width: 30%;
    		 float: left;
    	}
    	 .woocommerce-page.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content {
    		 width: 70%;
    		 float: right;
    	}
    }

Regards,
Kharis
aThemes Support

Hello,

It should be ok thanks but the menu and text are too close to the header how can I space them out ?
and the menu items are not highlighted.

Thanks for your help

Regards,

Hello there,

Try adding this CSS code:

    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active {
    	 color: #f00;
    }
     .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active > a {
    	 color: #f00;
    }
     @media only screen and (min-width: 992px) {
    	 .woocommerce-page.woocommerce-account.logged-in .woocommerce {
    		 margin-top: 20px;
    	}
    }

Regards,
Kharis
aThemes Support

Hello,

It partially works he space doesn’t want to go any lower than that.

Thanks

Regards,