Tabs Not Working on Our Site

[James Manning]

Hi,

We’re using the tabs add-on but if we link to a specific tab/anchor or refresh the page with an anchor link appended to the end of the URL they break – only the content from that tab loads and not the tabs themselves.

https://www.caravansinthesun.com/en/test-page/

https://www.caravansinthesun.com/en/test-page/#faqs

Any ideas how we can fix this?

TIA

Lee

[Raghavendra]

The issue seems to fix itself at times. The HTML is very much there but somehow the tabs get pushed to an area above to the page header. Can you pls disable other plugins and see if that resolves it? Or provide some more space before the tab and see if that helps too?

[James Manning]

Hi,

We’ve tried disabling every plugin except for Elementor and yours but the issue is still present. We really need a solution to this ASAP, as this particular feature is the sole reason for purchasing the plugin.

Best regards.

Lee

[Raghavendra]

Pls use the following Custom CSS in the plugin settings until we release an update with the fix –

.lae-tabs { overflow: initial; }

The overflow hidden attribute makes the tab nav to disappear in some odd situations. I am not sure there is any need for keeping overflow hidden and hence going to remove the same in next update.

[James Manning]

Hi,

I added the CSS and also auto-updated the plugin, but now I’m getting this…

Fatal error: Uncaught Error: Call to undefined method LivemeshAddons\Widgets\LAE_Tabs_Widget::get_settings_for_display() in /home/lees7503/public_html/cms/wp-content/plugins/addons-for-elementor-pro/includes/widgets/tabs.php:375 Stack trace: #0 /home/lees7503/public_html/cms/wp-content/plugins/elementor/includes/base/widget-base.php(477): LivemeshAddons\Widgets\LAE_Tabs_Widget->render() #1 /home/lees7503/public_html/cms/wp-content/plugins/elementor/includes/base/widget-base.php(623): Elementor\Widget_Base->render_content() #2 /home/lees7503/public_html/cms/wp-content/plugins/elementor/includes/base/element-base.php(647): Elementor\Widget_Base->_print_content() #3 /home/lees7503/public_html/cms/wp-content/plugins/elementor/includes/base/element-base.php(857): Elementor\Element_Base->print_element() #4 /home/lees7503/public_html/cms/wp-content/plugins/elementor/includes/base/element-base.php(647): Elementor\Element_Base->_print_content() #5 /home/lees7503/public_html/cms/wp-content/plugins/elementor/includes/base/element-ba in /home/lees7503/public_html/cms/wp-content/plugins/addons-for-elementor-pro/includes/widgets/tabs.php on line 375

https://www.caravansinthesun.com/en/test-page/

Any ideas?

[Raghavendra]

I added the below to plugin settings ->custom css tab –

.lae-tabs { overflow: initial; }

and had no issues and the custom css took effect. Pls try adding the same exactly (without any special characters etc.) to your child theme or install this particular plugin – https://wordpress.org/plugins/simple-custom-css/.

[Author]

Posts