TABS - Mobile Issue

alfaenergygroup

I am using TABS for displaying Glossary on my website. Thing is that on mobile version of website I have whole alphabet on top and it becomes hard to scroll. Is it possible to have one of the following options…either to put tabs (in my case letters) on left side on mobile (e.g. 1/3 letters, 2/3 content of tab) or to have them listed as in desktop? To have one of following on mobile…or to make some changes in CSS o have more letter on one row on mobile.

Bryan

Hi,
Sorry but you cannot controll the mobile layout, this will be not possible.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alfaenergygroup

I found solution on my own and it works perfect.

I just added few lines in CSS:

@media (max-width: 767px) {
.ui-tabs .ui-tabs-nav {
    display: inline-block !important;
}
.ui-tabs .ui-tabs-nav li {
    width: 20% !important;
}
}