Topic: x-tabs horizontal layout on smaller screens

Tagged: x

Author

Posts
April 16, 2016 at 6:35 am #885634

drmodiho
Participant

empty

April 16, 2016 at 6:38 am #885638

drmodiho
Participant

This reply has been marked as private.

April 17, 2016 at 12:54 am #886448
Christian
Moderator
Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS
```
@media (max-width: 979px) {
.x-nav-tabs.two-up>li, .x-nav-tabs.three-up>li, .x-nav-tabs.four-up>li, .x-nav-tabs.five-up>li {
    float: left !important;
    width: 20% !important;
}
}
```
Switching the icons is technically possible however, that would require custom development which falls outside the scope of our support.

Thanks.
April 18, 2016 at 3:48 am #887795

drmodiho
Participant

Awesome, it worked! Thanks for your quick answer.

I got 2 more questions.

1. Is it possible to use a font awesome icon in the tabs instead of the titel.
2. Can I use an icon and a titel. But displaying the icon on top of the titel like in the following example.http://www.kloud.com.au/

Thanks again for your help in advance.

Best regards,

Moritz

April 18, 2016 at 6:01 am #888013

Zeshan
Member

Hi Moritz,

Thanks for writing back!

Regretfully it’s not possible to add icons in the tabs or accordions titles. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!
Author

Posts

<script> jQuery(function($){ $("#no-reply-885634 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>