Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 11, 2018 at 11:37 pm #896302
    elvirais

    When showing four tabs, only the first three show up on small screens.

    January 12, 2018 at 12:38 am #896332
    Jordan Shannon

    Hey elvirais,

    How about using the Accordion element for mobile only? Using the screen options you can hide the tab element for mobile & hide the Accordion element for tablets and desktops.

    Best regards,
    Jordan Shannon

    January 12, 2018 at 12:46 am #896339
    elvirais

    I’ll give it a try and get back to you :) Is there any future update planned with the possibility of e.g. two rows of tabs?

    January 12, 2018 at 1:16 am #896360
    Jordan Shannon

    Hi,

    Due to the nature of tabs themselves, it may be difficult to achieve, how ever it is always something you can add to the feature request queue.

    Best regards,
    Jordan Shannon

    January 12, 2018 at 1:23 am #896368
    elvirais

    Ok. The accordion isn’t really suited for our needs, it really needs to be a top bar like the tabs.

    January 12, 2018 at 2:17 am #896375
    elvirais

    There’s another issue, the content under the tabs doesn’t line up properly. Part of it goes over the right edge of a mobile screen, regardless of what width of column i use.

    There is a brief second where the four tabs are shown in two rows, and then they go back to one row.

    • This reply was modified 6 years, 10 months ago by elvirais.
    January 15, 2018 at 6:05 pm #897658
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
.av-layout-tab .container {
    width: 100%!important;
    max-width: 100%!important;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.