Product tab titles

  • Resolved popos93

    (@popos93)


    3 years, 4 months ago

    Hello, I have a quick question regarding product tabs titles on mobile versions on my website. This is how they currently look:

    https://ibb.co/4TJNJs8

    Currently, on mobile, there are 4 titles one under each other and then you have to click on each title in order to see the content of the tab. What I would like to do is have the contents of each tab expanded by default.

    Current layout:

    Tab 1 title
    Tab 2 title
    Tab 3 title
    Tab 4 title
    Tab 1 content

    What I want:

    Tab 1 title
    Tab 1 content
    Tab 2 title
    Tab 2 content
    Tab 3 title
    Tab 3 content
    Tab 4 title
    Tab 4 content

    Is this something that I can easily achieve? Thank you!

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

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

  • Hi, @popos93 !

    Try adding the following piece of CSS code on your site’s customizer:

    
@media (max-width:525px){
  ul.wc-tabs{
    display: none !important;
  }
  .wc-tab{
    display: block !important
  }
  .woocommerce-tabs .entry-content>h2{
    display: block !important;
  }
  .woocommerce-Tabs-panel--reviews:before{
    content:"Opinii";
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    color: #001659;
    margin: 25px 0;
  }
}

    For additional assistance on this topic, we recommend getting in touch with one of the customization experts listed at the WooCommerce Customizations Page.

    You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.

    Hope this helps.

    Thread Starter popos93

    (@popos93)

    This CSS really did the trick. Thank you very much for your help ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Product tab titles’ is closed to new replies.