How to Get Horizontal Layout on Smaller Screens for EA Advanced Tabs?

How to Get Horizontal Layout on Smaller Screens for EA Advanced Tabs? #

By default, the layout shows ‘Vertically’ for Advanced Tabs when it’s viewed on mobile or tab screens. However, you can add this following custom CSS to change the Advanced Tabs layout to Horizontal for smaller screens:

 @media only screen and (max-width: 992px) {
.eael-advance-tabs .eael-tabs-nav > ul {
flex-wrap: nowrap;
overflow: scroll;
}
.eael-advance-tabs .eael-tabs-nav > ul li {
flex: 1 1 auto;
}
}


Powered by BetterDocs

🔔600K+ People Using Essential Addons To Build Online Presence. To Fight Coronavirus, Stay Safe 🏠 & Get 25% OFF with Coupon Code:
StayHome

Win With Elementor!

It’s easy: all we need is your eternal love. But we’ll settle for your email.