Wishlist Order in Account Menu

Hello,

I have the option “Wishlist on my account page” on, but I would like to edit it so the Wishlist menu item appears after “My Orders”.

Normally, this can be accomplished with the Woocommerce filter

`add_filter ( ‘woocommerce_account_menu_items’, ‘reorder_account_menu_function’ );

However, I can’t seem to figure out how to actually reorder your menu item. Can you help me with this?

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.woodmart-my-account-links .orders-link {
    order: -2;
}
.woodmart-my-account-links .wishlist-link {
    order: -1;
}

.woocommerce-MyAccount-navigation ul, .woodmart-header-links .sub-menu{
    flex-direction: column;
    display: flex;
}

.woocommerce-MyAccount-navigation-link--dashboard {
    order: -3;
}

.woocommerce-MyAccount-navigation-link--orders {
    order: -2;
}

.wishlist-account-element, .woocommerce-MyAccount-navigation-link--wishlist {
    order: -1;
}

Regards

Wow. CSS is basically magic. Amazing how much it can help!

Thank you.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts