Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Single product page vertical tabs on small device

Find Answers and Get Support Forums Mandha – Multipurpose WooCommerce Theme Performance Optimization Single product page vertical tabs on small device

This topic is resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Nao G
    Participant
    • 3 Topics
    • 10 Posts
    @fungody1881

    Personal opinion but switching single product page tabs and see information below them on small tablet and phone is not as easy experience as doing the same with other popular themes.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5372 Posts
    @themodactyl

    Hi Nao,

    Thank you for reaching out to us.

    This is standard behavior with WooCommerce, I’m afraid. As this is not breaking the page, changing this is considered customization work. Unfortunately, this is a service that we do not provide. We only share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.

    However, could you illustrate your suggestion with a screenshot? This way, we’ll be able to take a look at what you imagine and see if this is something we could achieve in the future.

    Best,

    Nao G
    Participant
    • 3 Topics
    • 10 Posts
    @fungody1881
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5372 Posts
    @themodactyl

    Hi Nao, 🙂

    Thank you, I understand. That’s easy to achieve. Simply add the following code snippet to your website:

    /**
    * Feature : Remove Gap of Product Tabs
    */
    @media (max-width: 991.98px){
    	.woocommerce.single-product div.product .woocommerce-tabs ul.tabs{
    		gap:0px;
    	}
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.

    If you want to go further with the customization of your website, we advise that you require customization work.

    Regards,

    Nao G
    Participant
    • 3 Topics
    • 10 Posts
    @fungody1881

    Thank you so much , the css code works very well, and product page looks better now on mobile devices.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5372 Posts
    @themodactyl

    Hi Nao,

    I’m glad to read I was able to help you.

    If you’re happy with our theme, feel free to review our theme on our Themeforest page dedicated to Mandha: Multipurpose WooCommerce Theme.

    It’s very appreciated and it helps us making our products more known to new potential customers, which allow us more time to improve the quality over time and develop new features. It’s a win-win !

    And by doing this, you will be making a great contribution to our community! #SharingIsCaring ❤️

    Thank you!

    🍾  2023 is coming ! 🥂
    From December 24, 2022 until the January 2, 2023 included, our support forum will be closed as our team will be enjoying Christmas and New Year’s Eve with their families. We’ll be back on January 3, 2023. Be sure that we’ll do our best to manage all your topics as soon as possible.
    We thank you for your understanding and we wish you a Merry Christmas and a Happy New Year!

Roboraptor 🦖
Themosaurus Topic Closer

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

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

The topic ‘Single product page vertical tabs on small device’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site