Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 24, 2019 at 6:25 pm #1058277
    restube

    Hey there,

    I’ve created a tab section with 4 tabs which looks and works great on desktop.
    However on mobile only 3 tab icons are displayed at once.
    The icons are rather big and theres a big gap in between.
    Is it possible to display all tab icons at once?
    Maybe by reducing size or gaps between the icons?

    See for yourself
    only three of four icons visible

    Cheers Dennis

    January 25, 2019 at 2:07 pm #1058723
    Rikard

    Hi Dennis,

    Your screenshot is not loading, could you post a link to where we can see the actual element instead please?

    Best regards,
    Rikard

    February 1, 2019 at 11:29 am #1061465
    restube
    This reply has been marked as private.
    February 3, 2019 at 4:13 pm #1062270
    Victoria

    Hi Dennis,

    It is built this way, when you tap on the most left of the icons the tab titles slide to left, and if you tap on the most right, the tab titles slide right.

    You can check the behavior here

    Home

    Best regards,
    Victoria

    February 5, 2019 at 10:54 pm #1063393
    restube

    Is there no way to tighten the gap between the icons?

    February 7, 2019 at 10:58 pm #1064333
    Victoria

    Hi Dennis,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
    #top .av-section-tab-title {
        padding: 0;
    }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 15, 2019 at 11:47 am #1067403
    restube

    Hey Victoria,

    the code worked beautiful.

    Thank you so much!
    Dennis

    February 15, 2019 at 7:43 pm #1067552
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Tab section icons not completely visible on mobile’ is closed to new replies.