How to display WooCommerce my account tabs horizontally

Connect With Us In Our Social Media

S
U
B
S
C
R
I
B
E

Table of Contents

Post Intro

In this video, I’m going to show you how to display your WooCommerce account tabs horizontally so that you can quickly navigate between all of your accounts. This is a really simple trick that can save you a lot of time and frustration

Youtube Tutorial

Sign in to unlock all code snippets and resources

100% tested and verified code snippets

New here? Register for free to get started

© Copyright – 2025 – All Rights Reserved.  Created by SuperWP

Post More Detail

In this video, I’m going to show you how to display your Woocommerce account tabs horizontally so that you can quickly navigate between all of your accounts. This is a really simple trick that can save you a lot of time and frustration

How do you display woocmmerce my account tab horizontally?

In very few steps, you will achieve these:

  • On dashboard menu, hover on appearance,
  • Select customize,
  • select Additional CSS
  • Copy and paste below code and publish the code.

Things to note:

  • This piece of code works only if your theme is not overriding Woocommerce my account page styling
  • It will make your account tabs appear above the tab content
  • It will display them horizontally only on screens with more than 768 pixels
  • If the screen is smaller than 769px then the default layout is show

End Result:

Conclusion In summary

Features Added:
My account page is horizontal display.

Stay UpTo Date with Latest Post And news: