View Categories

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

< 1 min read

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

  • 00Days
  • 00Hours
  • 00Mins
  • 00Secs

Wait... before you go!

Checkout now to Save