Return to previous page

Single product page – mobile version of tabs

This topic has 3 replies, 2 voices, and was last updated 2 years, 3 months ago ago by 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
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
KD

Participant

September 3, 2022 at 06:56

Working! Thank you! 🙂

#333124 Copied
Tagged: mobile, single-product page, tabs, themes, woocommerce, wordpress
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

Single product page – mobile version of tabs

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection