Product Tabs and Mobile View Problems

Hello,
I am having some issues with the theme, especially on a mobile device.
If I use my mobile phone to view my website, the menu button does not work, I have to click on a product on my homepage and then I can access the menu.
Also, I want to use the ‘Tabs’ view for my tabs, it works fine on desktop site but all tabs other than the Reviews tabs disappear. I can only use accordion on mobile but I don’t like this view.
I hope you can help with these issues.
Please let me know if you need any further details regarding my issues.
Thank you!

I have a bit of the information wrong. The website Menu does work on mobile device from the homepage but does not work when you click on a product.

Hello,

I have checked your site, and the mobile menu is working fine.

See the screenshot for clarification: https://postimg.cc/z3Lbdht5

Regarding the tabs on the single product page, I can see that you are using the Accordion-style tabs layout on your website. However, the accordion functionality is not working correctly on either mobile or desktop.

Please share your WP-Admin login details in the Private Content field so I can investigate the issue directly on your website and provide you with a possible solution.

Best Regards

Hi,
Thank you for your reply.
Yes, the menu works on the homepage but does not work when you click on a product, when I click on a product and then press the menu, nothing happens.
I am currently using the accordion which works on mobile and desktop. I want the normal tabs view which works on desktop but not on mobile. When i use just normal tabs on mobile, only the Reviews tab appears, the description and additional information disappear.
I have created a web admin for your use.
Many thanks,
Neil

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know so I will check and give you a possible solution.

Best Regards

Hi,
I deactivated all 3rd party plugins and still got the same issue. I have re-activated them all and still same issue.
What I have noticed is, if I click on a product that is in stock, the normal tabs layout set to tabs, the description and additional information tabs disappear and the menu does not work.
If a product is out of stock, the menu works on the product page and the description and additional information tabs appear, so it looks like it is a theme issue.

To clarify:
Tabs Layout set to Tabs in Theme Settings > Single product > Tabs
In stock items on product page: Menu does not work and tabs do not appear
Out of stock items on product page: Menu works and the description and additional information tabs appear.
Hopefully you will be able to work this out.
Many thanks!

Hello,

Please confirm permission for plugin deactivation and switching to the parent/default theme for testing.

Looking forward to collaborating with you!

Best Regards

Hi,
Yes, I am happy for you to do this.
Please can you put the site in maintenance mode so my customers do not see anything when trying to view my site.
Many thanks,
Neil

Hello,

Your issue has been resolved. I have deactivated plugins on your site and it is working fine.

See the screenshots for clarification.
https://postimg.cc/kBrB5Mm1
https://postimg.cc/8j8jCkGD

Please check back your site again and check the issue. Please visit your site and reactivate the plugin one by one to check which one causes the issue.

Best Regards

Hi,

Thank you for looking into this for me.

I have activated the plugins 1 by 1 and the issue is with the WooPayments plugin, as soon as i activated it i started getting the issues, once i deactivated this plugin the start works perfectly.

Luckily I have PayPal to use for now.

Can i ask 1 more thing, I have a side widget on the product page with a sidebar, it has categories, latest products and a free shipping banner. It appears perfectly on desktop site, but i want to disable it on mobile as it don’t look right, how can i disable it for mobile site?

Hello,

Thank you for confirming the issue with WooPayments. It is good that you were able to identify the conflicting plugin. You can continue using PayPal for now, and we recommend contacting the WooPayments plugin support regarding the compatibility issue or checking the plugin settings to identify the issue.

Regarding the Single Product sidebar, try using Theme Presets for Mobile. Navigate to Theme Settings > Presets and create a preset specifically for mobile devices, set the condition to custom, and choose “Is mobile device”.

In this preset, go to Theme Settings > Single Product> choose the single product sidebar to “1 Column”

Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards

Thank you so much for all your help, everything is now working perfectly and I have managed to remove the widget area for mobile device.

Thank you again, glad you managed to work it all out.

Many, many thanks,
Neil

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts