How to display WooCommerce my account tabs horizontally

Connect With Us In Our Social Media

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

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:

Conclusion In summary

Features Added:
My account page is horizontal display.

Search

Connect With Us In Our Social Media

S
U
B
S
C
R
I
B
E

Stay UpTo Date with Latest Post And news:

0
Would love your thoughts, please comment.x
()
x

Login To Access Code Snippet:

Stay UpTo Date with Latest Post And news: