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

🥳 Celebrating 3rd Birthday with almost 700,000 users & 1500 Rating⭐ Join us today & SAVE 25% with coupon code 👉
EA3

Win With Elementor!

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