Custom product Tabs not showing on mobile

  • Resolved snlatif

    (@snlatif)


    5 years, 8 months ago

    Hi, the custom product tabs show perfectly on desktops. But on mobile only ‘description’ and ‘reviews’ show. The ‘ingredients’ and ‘how to use’ tabs don’t. Seeing as most of my visitors are on mobile, I need these tabs to be working on mobile devices. The rest of the site is mobile responsive. Please help me.

    Thanks
    Sofia

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi Sofia,

    This is a result of your theme. Your theme is applying some mobile specific styles to Description and Reviews that makes them visible (and no longer “tabular”) on mobile.

    Add this CSS to your site in order to make all of your tabs act like the description and reviews on mobile:

    @media only screen and (max-width: 719px) {
    .woocommerce-tabs div.woocommerce-Tabs-panel {
        display: block !important;
    }
}

    Let me know if you need any help applying this CSS to your site.

    Cheers,
    Kevin.

    Thread Starter snlatif

    (@snlatif)

    Thank you! That seems to have worked.
    Have a great day
    Sofia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom product Tabs not showing on mobile’ is closed to new replies.