Tab/Tab Navs not working as intended

Hello,

Since the last update of themeco, it seems that it has gained its own ‘tabs’ shortcodes. My site has always used custom tab codes, manually using the [tab_nav][/tabs] function. However, since the update, all the pages with tabs are not working as intended anymore.

Please look at these pages below.

Details

https://sekaiproject.com/products/sound-of-drop-fall-into-poison/
https://sekaiproject.com/products/neko-nin-exheart/
https://sekaiproject.com/products/the-bell-chimes-for-gold/

The new tabs are helpful, however, I need to use tabs more than 5, it locks up to only five. How can we fix this problem?

Thank you for your help.

Hi there,

Thanks for writing in.

It seems to be working fine, there are custom tabs, one has images and it toggles correctly. Please try clearing your browser cache before testing. And yes, you’ll still need to use your custom tabs as shortcode instead of using the builder’s tab element.

Thanks!

Hello,

Thank you for replying. As far as I am concerned, this should not be happening:

Summary

https://i.gyazo.com/16789074808ae3684ca28cb83c131052.gif

It seems that it only becomes its proper function once I’ve clicked on every single images.

Tabs are used so that only one image appears in one space so they can be tabulated. This is already on a freshly installed browser, as well as I’ve cleared them. My OS is also newly installed so this may not be a cache issue.

Hopefully you will be able to help in providing a fix. Thank you very much.

Hi,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

Hello,

Thank you for the reply. Here it is, in the secure note.

Hi there,

This seems to be related to your customization. I added a new page on your website and added the Classic Raw Content element and add the shortcode of the 10 tabs below:

[x_tab_nav type="five-up" float="top"]
   [x_tab_nav_item title="Tab 1" active="true"]
   [x_tab_nav_item title="Tab 2" active="false"]
   [x_tab_nav_item title="Tab 3" active="false"]
   [x_tab_nav_item title="Tab 4" active="false"]
   [x_tab_nav_item title="Tab 5" active="false"]
   [x_tab_nav_item title="Tab 6" active="false"]
   [x_tab_nav_item title="Tab 7" active="false"]
   [x_tab_nav_item title="Tab 8" active="false"]
   [x_tab_nav_item title="Tab 9" active="false"]
   [x_tab_nav_item title="Tab 10" active="false"]
[/x_tab_nav]
[x_tabs]
	[x_tab active="true"]tab 1 content[/x_tab]
	[x_tab active="false"]tab 2 content[/x_tab]
	[x_tab active="false"]tab 3 content[/x_tab]
	[x_tab active="false"]tab 4 content[/x_tab]
	[x_tab active="false"]tab 5 content[/x_tab]
	[x_tab active="false"]tab 6 content[/x_tab]
	[x_tab active="false"]tab 7 content[/x_tab]
	[x_tab active="false"]tab 8 content[/x_tab]
	[x_tab active="false"]tab 9 content[/x_tab]
	[x_tab active="false"]tab 10 content[/x_tab]
[/x_tabs]

I checked the page and it is working ok. So you either need to recreate the tabs or see what is the difference between the original and your customized version to find the problem.

Also please do your tests in an isolated environment. Add your tab code to a new page and test so that you will be sure that the tab code is the problem not the other parts of the page.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.