Bootstrap Tabs / PageBuilder

This took me 2 days to find out…
The included “HeroSection” script (in main.js) kills the bootstrap tabs ability.

I am either using PageBuilder with the WPinked Widget Inked Tabs or a Bootstrap Plugin with manually inserting tabs (page or template). Tabs would simply not work. They show up, but clicking has no effect (sometimes scrolling).

So I disabled everything, but the error wouldn’t go away until I switched theme - it must be Sydney.

Somewhere here, problems with Woo Tabs have been reported. So I figured it was the main.js. Turns out, the first function (heroSection) causes tabs to stop working.

Workaround:

  • Open functions.php, find “main.min-js” and change to “main.js” (line 180)
  • Open js/main.js, at the very bottom (line 293) find heroSection(); and comment out (-> // heroSection():wink:

Obviously, full screen slider at front page won’t work anymore…

Note: It is this part of the function that causes the problem:
$('a[href*=#]:not([href=#],.wc-tabs a,.activity-content a)').click(function()
Remove the :not([href=#]and everything seems to work.

PLEASE fix this in the next theme release.

Hello @wunderbarersnet,

Thank you for letting us know about this issue.

I already reported it to our Lead Developer.

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.

Hello @wunderbarersnet,

This issue should be fixed now.

Thanks again for letting us know about it.

Kind Regards, Roman.

Tabs work now.
Still exists with Collapsibles.