Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 11, 2025 at 10:02 pm #1492433
    amyncuih

    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.

    December 12, 2025 at 8:14 am #1492451
    Ismael

    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

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