How to display WooCommerce my account tabs horizontally

Connect With Us In Our Social Media

Previous slide

Next slide

S
U
B
S
C
R
I
B
E

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

Login To Access Code Snippet:

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: