I am having the same issue

I have multiple shortcodes nested in side different tabs.

Tab 1 [Gallery]
Tab 2 [Video]
Tab 3 [Map]

However if I try to sub nest a child Tab set within a Parent Tab

[av_tab_container position='top_tab' boxed='border_tabs' initial='1']
[av_tab title='Parent Tab 1' icon_select='no' icon='ue800' font='entypo-fontello' custom_id='']
Parent Tab 1 Content goes here
[/av_tab]
[av_tab title='Parent Tab 2' icon_select='no' icon='ue800' font='entypo-fontello' custom_id='']
Parent Tab 2 Content goes here
[/av_tab]
[av_tab title='Parent Tab 3' icon_select='no' icon='ue800' font='entypo-fontello' custom_id='']
Parent Tab 3 Content goes here

[av_tab_container position='sidebar_tab sidebar_tab_left' boxed='border_tabs' initial='1']
[av_tab title='Child Tab 1' icon_select='no' icon='ue800' font='entypo-fontello' custom_id='']
Child Tab 1 Content goes here
[/av_tab]
[av_tab title='Child Tab 2' icon_select='no' icon='ue800' font='entypo-fontello' custom_id='']
Child Tab 2 Content goes here
[/av_tab]
[av_tab title='Child Tab 3' icon_select='no' icon='ue800' font='entypo-fontello' custom_id='']
Child Tab 3 Content goes here
[/av_tab]
[/av_tab_container]
END Parent Tab 3 Content

[/av_tab]
[/av_tab_container]

It appears that the parent tab element and tab container are escaped by the child tab set

see screen shot here
http://tinypic.com/r/15fkgw9/9

I gather that there is an issue with the original tab shortcode that is not executing ob_get_clean();

it’s been 3 years since this was initially discussed
https://kriesi.at/support/topic/avia-builder-nesting-inside-tabs-possible/

And one years since this thread was opened.

Is there a solution yet ?

Actual on other frameworks I believe this was solve by doing the following:

[av_tab_container_1]
[av_tab_1] [/av_tab_1]
[av_tab_2] [/av_tab_2]
[av_tab_3] 
[av_tab_container_3_1]
[av_tab_3_1_1] [/av_tab_3_1_1]
[av_tab_3_1_2] [/av_tab_3_1_2]
[av_tab_3_1_3] [/av_tab_3_1_3]
[/av_tab_container_3_1]
[/av_tab_3]

• This reply was modified 8 years ago by HuxburyQuinn.

Ok to be more specific

I have narrowed this down to the following.

CloudFlare > Speed > Turn OFF Rocket Loader

Rocket Loader Improves load time for pages that include JavaScript.

Please note the disclaimer on the text below.

What does Rocket Loader do?
Rocket Loader can improve load times for pages that include JavaScript. Your search engine ranking may be improved by reducing page load time.
Rocket Loader improves page load times by:
Decreasing the number of network requests by bundling JavaScript files, even third party resources, to avoid slowing down page rendering
Asynchronously loading scripts, including third party scripts, so that they do not block the content of your page from loading immediately
Caching scripts locally (using LocalStorage, available on most browsers and smart phones) so they aren't refetched unless necessary
What Rocket Loader setting should I use?
Automatic: Optimize all JavaScript resources on your website. No configuration required
Manual: Selectively enable Rocket Loader for individual scripts. Add the following attribute to the script tag for each script where you want to enable Rocket Loader:
data-cfasync="true"
Note: The 'data-cfasync' attribute must be added to the HTML script tag before the 'src' attribute (adding the attribute via JavaScript is not sufficient).
* Rocket Loader is considered Beta because it’s an experimental feature that modifies the loading and execution flow of Javascript. While efforts are taken to increase Rocket Loader’s compatibility with third-party Javascripts, not all scripts work with this feature. Issues with Rocket Loader affect only a small percentage of customers.

For more information
What does Rocket Loader do?
https://support.cloudflare.com/hc/en-us/articles/200168056

How can I have Rocket Loader ignore my script(s) in Automatic Mode?
https://support.cloudflare.com/hc/en-us/articles/200169436

As Rocket Loader is in BETA – I have specifically contacted CloudFlare Support regarding this issue and hopefully the 42,175 LayerSlider users and 87,813 Enfold Users will provide them enough incentive to do something about this.

Cheers ; )

• This reply was modified 8 years, 7 months ago by HuxburyQuinn.

OK I’d like to jump in on this one as well.

WP 4.5
ENFOLD 3.5.3

Live Website
Home page has a FULL PAGE SLIDER
After optimising speed for my clients website tweak after tweak after tweak to get the home page Kriesi Enfold to load in a reasonable time. I thought I was finished.

After navigating other pages I realised that no Layersliders were working .

I jumped over to the development site and match setting for setting plugin to plugin DEV site to LIVE site.
all layer sliders worked on the DEV site.
On the LIVE site I then proceeded to turn off all Caching and optimisation that I just completed
Turned CloudFlare to DEV mode
Turned CloudFlare = PAUSE

Quite Google Chrome
Opened Google Chrome
Clear Cache all images since beginning of time
Loaded the website – and all layersliders worked.
I then proceed to turn on each plugin and settings one by one doing a hard refresh between each activation.

To be logical about this I stopped when I got to the page speed and cache plugins and did not activate these.
As I wanted to eliminate CLOUDFLARE as the culprit.

So at this point everything is working as expected.

Turned CloudFlare to DEV mode OFF
Turned CloudFlare = ACTIVE

Quite Google Chrome
Opened Google Chrome
Clear Cache all images since beginning of time
Loaded the website – NO LAYER SLIDERS WORKED!

to summaries…
If I activate CloudFare all LayerSlide WP sliders stop working.

Interesting the home page full screen slider is not effected.

I have replaced the layerslider with a static image for now until support can provide an update fix to this issue.

Hi Ismael,

I’d like to jump on this as well.

I’ve been reading forums for a couple of hours now – but nothing’s really answers the questions.

More and more I am getting clients that don’t even know how to resize an image – which is totally frustrating.
I have setup a new website and everything has been size and uploaded at the correct size for each element.
it’s perfect!

However once the client steps in – I just know that original iPad or iPhone images are going to be uploaded to the WordPress Gallery.
These original full size images will range from 2 MB to 5MB.

To remedy this I have installed SMUSH PRO.
( however with smush pro activated – I keep getting HTML Errors when uploading to the Image Library)

I also am aware that Enfold Resizes the images to the theme thumbnail sizes. However..

ISSUE 1.
The original uploaded full size image still remains on the server.
example:
File size: 3 MB
Dimensions: 3264 × 2448

I’d like to make one of the enfold theme images (or a custom image size) as the new full size image and delete the original full size image from the upload directory.
The hope is that when your in WordPress Media Library and you select an image – the attachment details window is some thing more like this.
Example:
File size: 134KB
Dimensions: 845×684 (Which is the Enfold thumbnail size for Gallery – 845×684)

I’m looking into the link below as a solution but wanted to know if there is something else a plugin or some previous supplied forum code that already does this.?
http://wordpress.stackexchange.com/questions/63707/automatically-replace-original-uploaded-image-with-large-image-size

ISSUE 2

When you attach an image as a Feature Image or to an Ajax Portfolio Gallery – the ability to select the attachment size is not available.

As discussed when setting up the site and creating a Ajax Portfolio and the Post Feature Images I have cropped and resized the images for their specific tasks.

So before handing off to the client I have done a test and upload 2 original iPhone photos
IMAGE 1
File size: 3 MB
Dimensions: 3264 × 2448
IMAGE 2
File size: 2 MB
Dimensions: 3264 × 2448

When I add these images to the Ajax Portfolio and then inspect the gallery element in Google Chrome Dev tools – The Gallery Large preview image above the smaller thumbnail images are 1030 x 773 which is a proportionate scaling of the original image dimensions to Enfold Thumbnail size Large – 1030 x 687.

The thing is when I setup the site – I resized and uploaded all image for the Ajax Portfolio gallery to be (Gallery – 845 x 648)

So moving forward the client is not going to know how to crop resize and upload the correct image dimensions

I hoping that you can provide an example using the code above that does the reverse … and actually predefines which enfold thumbnail size (example: Gallery – 845×684) is to be the default image size for all Ajax Portfolio Gallery Images
OR (example: entry with sidebar – 845 x 321) is to be the default image size of all Feature Images
regardless of the original image dimensions and actually use the Enfold thumbnail sized images.

That way the client can’t mess-up the site moving forward.

I look forward to your response