Hi,
I linked the child theme that should have been included with the latest version, in the full theme and docs download from Theme Forest, you can replace yours with this or copy the function I mentioned above to yours.
It is key that you create a /shortcodes/ directory in your child theme to place your modified shortcode directory, like I described above.

Best regards,
Mike

Hi,
Glad to hear this helped, if you are using the child theme that came with the theme then you should see this near the top of the functions.php:

function avia_include_shortcode_template( $paths )
{
	if( ! is_array( $paths ) )
	{
		$paths = array();
	}
	
	$template_url = get_stylesheet_directory();
	array_unshift( $paths, $template_url . '/shortcodes/' );

	return $paths;
}

add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );

then when you copy the tab sortcode folder from \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\tabs\ you should put it in the /shortcodes/ directory in your child theme, like this \wp-content\themes\enfold-child\shortcodes\tabs\ ok so now please try adding this function to your child theme functions.php:

function wp_change_aviatabjs() {
   wp_dequeue_script( 'avia-module-tabs' );
   wp_enqueue_script( 'avia-module-tabs-child', get_stylesheet_directory_uri().'/shortcodes/tabs/tabs.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviatabjs', 100 );

Then clear your browser cache and any cache plugin, a couple on times, and check.

Best regards,
Mike

Hi,
Glad Yigit was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience, the Dev Team has created a patch for this issue which will be included in the next update, if you would like to add this to your theme now please save a copy of your current \wp-content\themes\enfold\config-gutenberg\js\avia_blocks_front.js for backup and replace it with the file linked below. Then disable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression option and enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files option and clear your browser cache and any cache plugin, a couple of times, and check.

Best regards,
Mike

Hi,
Thank you, I assume that you don’t want the underline, so please try this css instead:

#top.single-post .entry-content a,
#top.single-post .entry-content a strong {
	    color: #316694;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this:

@media only screen and (max-width: 767px) { 
.responsive #top .logo,.responsive .logo img { 
	width: 100%; 
	margin: auto;
}
}

Best regards,
Mike

Hi,
Thank you for the link to your site, I believe that I understand but I was not sure if I could edit your page so I copied it to my testing site to create this example, please see the working example link below. Above you said you wanted to hide & show the color sections and their content so I started by duplicating your main color section and adding special headings One & Two so it would be clear which we are looking at:

each color section has a custom ID “one” or “two” and the full-width sub-menu has a simple menu built in the sub-menu with two buttons and manual links with only a hastag:

then to hide or show the color sections I added this script inside a code block element and the bottom of the page:

<script>
(function($) {
	$('#one').show();
	$('#two').hide();
	$('#av-custom-submenu-1 .menu-item-top-level-1').on('click', function(e) {
		e.preventDefault();
		$('#one').show();
        $('#two').hide();
    });
    $('#av-custom-submenu-1 .menu-item-top-level-2').on('click', function(e) {
    	e.preventDefault();
        $('#two').show();
        $('#one').hide();
    });
}(jQuery));
</script>

Please give this a try.

Best regards,
Mike

Hi,
To have all single post links have a blue underline try this css in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top.single-post .entry-content a {
	text-decoration: underline;
    text-decoration-color: #316694;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the login, you had an un-closed comment tag in your css, I corrected and now it’s working

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
the media query @media only screen and (max-width: 989px) { says that this rule will only work below 989px, I don’t recall why were doing that but to have the transparent header for all screen sizes please remove it and the last braket like this:

.html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency,
#header.header_color .header_bg {
    background-color: transparent;
}

Best regards,
Mike

Hi,
Thank you for your patience, I took a look at your pages:

to try to help with Yigit’s solution, but these pages don’t have a slider on them like the homepage that Yigit helped with, so I’m not sure what is wrong with these pages, could you please explain?

Best regards,
Mike

Hey ClimbingSocks,
Your code above works correctly when I inject it via the browser so it should work on your site. Perhaps you have an error in your custom stylesheet such as a missing bracket.
Please try the code in the WordPress ▸ Customize ▸ Additional CSS field to see if it works then, if not then please include an admin login in the Private Content area so we can check.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Mindaugas,
Thank you for contacting us, the styles & settings should be compatible, but v4.8.6.5 needs PHP v7.4 and WordPress v5+
I recommend creating a staging site of your live site if you can, this is an option in most cPanels to create a staging clone of your site so you can test on it and your live site will stay up and running. You can always ask your webhost to help you with setting this up if you want.

Here are some screenshots of what it would look like:

Then via FTP look for the “enfold” folder at /wp-content/themes/enfold/ and rename to “enfold-old” then upload the new version as the folder “enfold”
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
Once you have cleared your browser cache and tested that your site is working correctly, you can delete the old folder “enfold-old”.

Best regards,
Mike

Hi,
I changed the script to this:

function delay_header() { ?>
    <script>
(function($) {
	var width = $(window).width()
	if ((width >= 768)) {
	$("#header").css({'opacity':'0'});
	setTimeout(function(){
	$("#header").css({'opacity':'1'});
	},8000);
	} else {}
}(jQuery)); 
</script>
    <?php
}
add_action('wp_footer', 'delay_header');

please clear your browser cache and check.

Best regards,
Mike