How to display WooCommerce my account tabs horizontally

Connect With Us In Our Social Media

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

Sign in to unlock all code snippets and resources

100% tested and verified code snippets

New here? Register for free to get started

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: