Responsive for tabs

  • Resolved 13patricia

    (@13patricia)


    4 years, 11 months ago

    Good Morning,

    I have a query with which I would appreciate your help.

    I currently use the plugin for my store, but I would like the mobile responsive to show one tab below the other with the same length, so that it is visually more beautiful, right now visually it is a bit strange because they are displayed in different lengths (in the first row it shows two tabs, in the third, fourth and fifth, one tab per row but of different lengths).

    Thnak you a lot for any advice.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • jpowersdev

    (@jpowersdev)

    4 years, 11 months ago

    Hi @13patricia,

    It looks like your tabs are expanding to the width of their content and not to the container. This can be changed using some CSS:

    
@media(max-width: 576px) {
  .tabs.wc-tabs {
    display: flex;
    flex-direction: column;
    padding: 0 1em;
  }
}

    You may want to change the breakpoint to match the rest of your CSS, I just used Bootstrap’s 576px.

    Let me know if that helps,
    Jon

Viewing 1 replies (of 1 total)

The topic ‘Responsive for tabs’ is closed to new replies.