Home Forums WoodMart support forum Request to Customize My Account Page Layout

Request to Customize My Account Page Layout

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #711359

    Hello,
    I would like to make some modifications to the **My Account page** on my website. As shown in the attached image:
    1. **Remove or hide the sidebar menu** on the right side completely (the one that contains: Dashboard, Orders, Downloads, Addresses, Account Details, Wishlist, and Logout).
    2. **Remove the welcome text and description at the top of the page** (the section highlighted in red in the image).
    3. Keep only the **main boxes in the center of the page**, such as:

    * Orders
    * Downloads
    * Addresses
    * Account Details
    * Wishlist
    * Logout

    The goal is to simplify the page so that users only see the **dashboard boxes layout** without the sidebar menu or the top text.
    If this requires modifications in the theme files or through CSS/PHP, please implement it in the most suitable way.
    Thank you.

    Attachments:
    You must be logged in to view attached files.
    #711437

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    To customize the My Account page using WoodMart’s Layout Builder:

    1. Navigate to Layouts > Add New in your WordPress admin dashboard.
    2. Select My Account as the layout type.
    3. Design the layout according to your requirements and save.

    This approach gives you full control over the page structure while maintaining theme compatibility.

    Read more details here in the theme documentation:
    https://xtemos.com/docs-topic/my-account-page-builder/

    OR

    If you do not want to create the custom page then you can use the below custom CSS code and paste in the Theme Settings >> Custom CSS >> Global CSS section:

    /* Hide the My Account Sidebar Navigation */
    .woocommerce-account .wd-my-account-sidebar {                
        display: none !important;
    }
    
    /* Make the Account Content Full Width */
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    Best Regards.

Viewing 2 posts - 1 through 2 (of 2 total)