customize my account page – navigation 100% width

  • Resolved towaiji

    (@towaiji)


    4 years, 7 months ago

    Hello there

    I am currently using this code to try and customize my page

    .account-name {
    display: none;
    }
    .woocommerce-MyAccount-navigation { display:none; }
    .woocommerce-account .woocommerce-MyAccount-content { width: 100%; }

    however its still not 100% in width

    Usually this works on my other sites no problem

    vitamercato.com/my-account

    use these login to check out

    username: demo
    Password: demo

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support wpnomad a11n

    (@wpnomad)

    Hi @towaiji ,

    This is because the My Account content on your site is inside an elementor container that has a left margin of -470px, please see this screenshot: https://d.pr/i/eOw2Gc

    You would need to alter this margin to ensure the content stars from the desired left-end of the page.

    Also, the “My-Account-Content” has 70% width and is floated right, please see: https://d.pr/i/3eLSd3

    You can add the following CSS:

    
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
}
.elementor-4146 .elementor-element.elementor-element-e958851 > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
}

    After making the above CSS changes, the “My Account content” would look like this: https://d.pr/i/VPCaK4

    I hope this helps!

    Thread Starter towaiji

    (@towaiji)

    Hello @wpnomad

    Yes I had that as a side fix because my css wasn’t working

    I had

    .woocommerce-account .woocommerce-MyAccount-content {
    width:100%;
    }

    but now i guess the one you provided works so I removed the margin and used just

    .woocommerce-account .woocommerce .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
    }

    Thanks!

    • This reply was modified 4 years, 7 months ago by towaiji.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘customize my account page – navigation 100% width’ is closed to new replies.