Not working on Mobile

Hi Shridsan,

Can you send me a link to your website so I can see? I think there are probably some styles that are causing an overlay on top of the tabs on mobile. This is messing up the click zones.

If I can view your website I should be able to determine the problem.

Thank you,
Kevin.

Hi @shridsan2010,

Try this:

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
}

You have a few options to add CSS code:

– If you created this theme yourself, you can just add it to your style.css file
– If you’re using WordPress 4.7 or higher, you can go to Appearance > Customize > Additional CSS and place the code there.
– If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
– Your theme may have a “Custom CSS” option. If it does, then you can just pop it in there.
– You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

Awesome!

Have a good day.
-Tracy