Return to previous page

Single product page – mobile version of tabs

This topic has 3 replies, 2 voices, and was last updated 2 years, 2 months ago ago by KD

  • Avatar: KD
    KD
    Participant
    September 3, 2022 at 05:21

    Hello!
    I don’t like the design of tabs in mobile version of single product page. Currently, customers have to swipe tabs to see all of them. Its a little hard to describe what I mean so I will attach a screenshot: https://prnt.sc/K77Kk-KB4m1n

    Please, contact administrator
    for this information.
    #333115 Copied Theme version: 8.3.1
    2 Answers
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    September 3, 2022 at 06:49

    Hello, @KD,

    Thanks for the screenshot I have understood your issue.
    Now, in order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

    @media(max-width:767px){.woocommerce-tabs.horizontal .wc-tabs{
width:100% !important;
display:block !important;
white-space:initial !important;}}

    Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/pywX3tRZ

    Regards 8Themes Team.

    #333123 Copied
    Avatar: KD
    KD
    Participant
    September 3, 2022 at 06:56

    Working! Thank you! 🙂

    #333124 Copied

  • Tagged: , , , , ,

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Single product page – mobile version of tabs’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.