Home Forums WoodMart support forum Product tabs are not showing on mobile

Product tabs are not showing on mobile

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

    seyedrezabazyar1
    Participant

    Hi, my client just noticed that the additional tabs are not showing on mobile. The desktop view is perfect. I need it to be on mobile as well because the nutritional values are on the tabs, and not on the short description.

    I looked around the admin and this support forum, but I couldn’t find where or how to change this. Can you help me?

    for example: This code displays the text on the mobile. But incompletely. This display mode is not suitable

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

    The second problem: Also, the H2 tag is displayed at the beginning of the description in 14 fonts 😐

    #270568

    Hello,

    It is the default behavior that the products tabs are set to be displayed as accordions for mobile.

    I have visited your website and they are displayed. Please clear cache and check back.

    Screenshot for Clarification: https://prnt.sc/10by2m4

    And for the h2 please provide me with some relevant screenshots of the specific area to check it myself and help you out accordingly.

    Best Regards

    #270627

    seyedrezabazyar1
    Participant

    In the same link in the first topic:
    http://cutedrive.com/tc6gkg19sj9i
    The first line is the heading tag. But its font is 14 pixels

    #270652

    Hello,

    I have visited your website and by default the font size of the heading tag is set, that’s why it is displayed 14px.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wc-tab-inner>div>h2:first-child {
        font-size: 32px;
    }

    Regards.
    Xtemos Studios

Viewing 4 posts - 1 through 4 (of 4 total)