Close this search box.
Log In

Log In

Explore now

WooCommerce: Horizontal My Account Navigation Menu

Table of Contents


The WooCommerce My Account pages feature a “left sidebar” navigation menu (by default, links are: “Dashboard”, “Orders”, “Downloads”, “Addresses”, “Account details”, “Logout”).

A cool (and easy) improvement may be moving such navigation to the top, and displaying it horizontally instead of vertically. You’d think this is a complex PHP customization… but you’ll feel great when you’ll notice you just need CSS for that.

Please note the CSS may change slightly based on your theme, in case it applies custom CSS to the default WooCommerce My Account navigation panel. I will list below a couple of solutions for default WooCommerce and for the Storefront theme, so at least you have an idea of what you could need in terms of tweaking it. Enjoy!

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission.


Codeflora is a platform designed to help individuals explore a wide range of technical topics related to computer science, programming, software development, and technology in general.

View Articles
Notify of
Inline Feedbacks
View all comments

Featured e-Books

Instantly get 15% discount and more. Discover over 20,00 books and Computers & Technology eBooks

The Ultimate

WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Would love your thoughts, please comment.x