Home › Forums › WoodMart support forum › WooCommerce Product Tabs Not Showing on Mobile

WooCommerce Product Tabs Not Showing on Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 18, 2025 at 4:33 pm #646855

    kuvkuvkuv
    Participant

    Hi,

    I’m using WooCommerce on my website, and the product tabs are working fine on desktop. However, they are not visible on mobile devices. I’m using the WoodMart theme with Elementor.

    Additionally:

    There is an unwanted empty space between the header and the page content.
    The red circular “Sale” badge above the products is not disappearing, even when I try to remove it.
    How can I fix these issues? Could you please help me?

    Thanks.

    Attachments:
    You must be logged in to view attached files.
    March 19, 2025 at 10:24 am #647072

    Luke Nielsen
    Keymaster

    Hello,

    Try to use the code below:

    @media (max-width: 1024px) {
    .tabs-layout-tabs {
        display: block;
    }
}

    Let me know the result.

    Kind Regards

    March 19, 2025 at 3:43 pm #647240

    kuvkuvkuv
    Participant

    Yes working fine on phone, and other issues how I do?

    March 19, 2025 at 3:51 pm #647245

    Luke Nielsen
    Keymaster

    Hello,

    1. Add a negative margin to the first section to fix that empty space.

    2. The sale label shows automatically when the product has a discount. The below code will help you to hide it:

    .wd-product .product-labels .onsale {
    display: none;
}

    Kind Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)