Woocommerce categories in tabs

  • Resolved rookdesigns

    (@rookdesigns)


    11 years, 2 months ago

    Hello there, I am trying to display product categories in tabs on a page. But the first category displays fine, then when you click on the second tab all the products appear on top of each other. Do you have any thoughts why you think this might be happening and how I might be able to fix it.

    I have looked into CSS and that doesn’t appear to be the problem.

    Here is a link: Category tabs

    Thanks for any help in advance.

    Best

    Harry

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ben Ritner – Kadence WP

    (@britner)

    11 years, 2 months ago

    Has to do with the masonry layout of the products. Add this css and it should work. You can add in the theme options > advanced settings.

    .tab-content>.tab-pane {
    display: block;
    padding: 0;
    height: 0;
    overflow: hidden;
}
.tab-content>.active {
    height: auto;
    padding: 10px 0;
    overflow: visible;
}

    Kadence Themes

    Thread Starter rookdesigns

    (@rookdesigns)

    11 years, 2 months ago

    Ah ha, thank you very much with that, you guys are so helpful and I really appreciate it. Next project I’ll support the team.

    manasagv

    (@manasagv)

    10 years, 7 months ago

    same problem here please help me out. below is my link
    http://fliptohome.comxtech.com/

    thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Woocommerce categories in tabs’ is closed to new replies.

Tags