Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1492433

    I am using a tab section on my website, but after 6 tabs or so, I want the tabs to start on a new row and not go to the edge of the page.

    #1492451

    Hey amyncuih,

    Thank you for the inquiry.

    You can use this css code to limit the tab section title row to a maximum of 6 items.

    #top .av-tab-section-tab-title-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    #top .av-tab-section-tab-title-container > * {
        flex: 0 0 calc((100% / 6) - (10px * 5 / 6));
        max-width: calc((1310px - (10px * 5)) / 6);
        box-sizing: border-box;
    }
    

    Best regards,
    Ismael

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