Tab in custom page template: how to make them work on mobile?

Hi there,
I’m using the Toolset plugin (WP-Types) to build the template.

Here’s the full template
http://pastebin.com/G4fFrF7j

Here’s just the snippet of the tabs part:
http://pastebin.com/zDTfXdPm

thanks :-)

Hi Josue, thank you, I’ll give it a shot on our test enviroment and let you know.

best

Hi Josue,
after trying to deactivate all the plugins with no success, I fiddled around with the code a little bit and found that if you replicate the whole html in the template the framework duplicates the “tab_titles” div.

So if I remove

<div class="tab_titles">
	<div data-fake-id="#tab-id-1" class="tab active_tab tab_counter_0" itemprop="headline">[wpv-post-field name="wpcf-lgb-tab1title"]</div>
	[wpv-if tab2title="wpcf-lgb-tab2title" evaluate="!empty($tab2title)"]<div data-fake-id="#tab-id-2" class="tab  tab_counter_1" itemprop="headline">[wpv-post-field name="wpcf-lgb-tab2title"]</div>
	[/wpv-if]
	<div data-fake-id="#tab-id-3" class="tab  tab_counter_2" itemprop="headline">[wpml-string context="Business"]Contacts[/wpml-string]</div>
	<div data-fake-id="#tab-id-4" class="tab  tab_counter_3" itemprop="headline">[wpml-string context="Business"]Services[/wpml-string]</div>
</div>

from this code -> http://pastebin.com/zDTfXdPm
everything works just fine :-)

BTW enfold is awesome…

• This reply was modified 10 years ago by angeloca.