Hi Roberta,

The default behaviour is add a version number to the end of the CSS file. I’m not sure exactly what the problem is on your site, but your can check the different settings under Enfold->Performance->Show Advanced Options.

If you would like to try and turn off the post CSS creation, then please try this in functions.php:

/**
 * Filter to skip css file generation.
 * You can add logic to skip for certain pages/posts only.
 * 
 * @since 4.8.6.1
 * @param boolean $create
 * @return boolean					true | false or anything else to skip generation of css file
 */
function custom_avf_post_css_create_file( $create )
{
	return false;
}

add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

Best regards,
Rikard

• This reply was modified 3 years, 7 months ago by Rikard.

Hey Thomas,

Thank you for the inquiry.

You can edit the enfold/includes/helper-social-media.php code file and around line 751 you will see the html for the social share links.

$this->html .=		"
 	<li class='av-share-link av-social-link-{$key}' >";
				$this->html .=			"<a {$blank} {$aria_label} href='" . esc_url( $url ) . "' " . av_icon_string( $icon, false ) . " title='' data-avia-related-tooltip='{$name}'>";
				$this->html .=				"<span class='avia_hidden_link_text'>{$name}</span>";
				$this->html .=			'</a>';
				$this->html .=		'</li>
';

The $name variable should contain the text “Share on xx” or “Link to xx”.

Best regards,
Ismael

Hey JaneJoyce,

Thank you for the inquiry.

In the magazine.php file, try to add this code around line 1503.

$excerpt = ! empty( $entry->post_excerpt ) ? $entry->post_excerpt : avia_backend_truncate( $entry->post_content, apply_filters( 'avf_magazine_excerpt_length', 60 ), apply_filters( 'avf_magazine_excerpt_delimiter', ' ' ), '…', true, '' );

The excerpt only displays in the large entry because of this condition around line 1478.

if( $style == 'small' )

Best regards,
Ismael

Hey Charlie Nicholls,
I included a DropBox link below to the final version below from 2018, v4.4, which is no longer supported.
Please note that at the time it worked with PHP v7.1, so it probably will not work with PHP v8
it was also compatible with WooCommerce v3.3.0, so it probably will not work with the latest WooCommerce.
Also, note that you will need to use WordPress v4.9.9, we closed support for it before WordPress v5 because we didn’t find it practical to update it for v5.

In order to use the Replete theme you will be open to many risks, I would recommend starting to work on a new updated site with Enfold, you will need to set aside some time to manually recreate the site, as there is no migration option.

Best regards,
Mike

Hi,
I believe your errors are because your theme is out-of-date, but either way, you will need to update first.
If you have a copy of the header.php or the footer.php in your child theme please also remove these from your child theme before you update.
Also, check your web host PHP version and ensure that you are using at least version 7.4.
If you are afraid that your site might crash after you update, then you should use your web host backup tool and make a complete backup of your site, I do not recommend using a backup plugin unless you have personal experience with restoring from a backup with it, as many backup plugins do not restore as expected.

Best regards,
Mike

Hey Magdalena,
Thank for your question, but the full-width submenu element is not designed to be sticky on mobile, in the element settings, the sticky option says that it is ignored on mobile.
To make the full-width submenu element sticky on mobile please add this custom ID sticky_on_mobile

Then add this css to your Quick CSS:

.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:1000!important;
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_sticky_submenu_on_mobile_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(function() { 
  	var width = $(window).width();
     var scroll_start = 0;
     var startchange = $('#sticky_on_mobile');
     var offset = startchange.offset();
      if (startchange.length){
      	if (width <= 989) {
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if(scroll_start > offset.top) {
          document.getElementById('sticky_on_mobile').classList.add('sticky-top');
         } else {
          document.getElementById('sticky_on_mobile').classList.remove('sticky-top');
         }
     });
      }
      }
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_sticky_submenu_on_mobile_script');

Then clear your browser cache and check.

Best regards,
Mike

Hey badoes,
Thanks for your question, the file creating this error is a core WordPress file and not an Enfold file: /public_html/wp-includes/functions.php
the error line 5831 is a part of WordPress Debug notice for developers and your Sitediagnose recommends that you disable the WordPress Debug:

I also see that you are using an old version of Enfold: v4.7.6.4 with no Envato persoonlijk token, please enter a valid token and update to v5.1.1
If you have trouble updating your version of Enfold you may need to download the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

After you update, you may also need to update your child theme footer.php as it has changed in the latest version and your old one will probably cause errors, I also see that your child theme has quite a lot of custom files.
I believe that the cause for the error is because Enfold v4.7.6.4 didn’t support the Gutenberg Widget interface at that time, so updating should solve.

Best regards,
Mike

Hi,
Thanks for your question, if you are using Enfold v3.8 then you must manually update because that version will not accept the Envato Token and will only use the Envato API which Envato has disabled. Second, if your PHP is v7.3 then you must update to v7.4, then update Enfold to v5.1.1, then update WordPress to v6+, then you can update to PHP v8+
To update your version of Enfold you will need to download the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Before you do anything else !!
Please backup your site with your webhost full site backup tool.
Please do not rely on a backup plugin unless you have personal experience restoring from such a backup!
Many backup plugins only backup and do not restore!

Best regards,
Mike

Hey Nasi,

Thank you for the inquiry.

The theme automatically adjusts the compression level of the uploaded images, which could lead to increase in file size and consume more storage space. You can adjust the default quality by using this filter in the functions.php file.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) {
	$quality = 65;   // compression level what you like in percent
	return $quality;
}

Quality is set to 100 by default. And if you want to prevent the generation of multiple images or thumbnails, please check the following threads.

// https://kriesi.at/support/topic/how-to-reduce-thumbnails/#post-1360678
// https://kriesi.at/support/topic/enfold-image-sizes-3/#post-1109028
// https://kriesi.at/support/topic/portfolio-grid-alignment-issues/#post-1306849
// https://kriesi.at/support/topic/how-can-i-delete-all-enfold-image-sizes/

Best regards,
Ismael

Hi,
Thank you for the login, after much research I found that part of this issue was from the WP Rocket plugin adding the google font preconnect link to the site:

to disable this you have to install a extra plugin from WP Rocket:

I did this for you to ensure that this would work, which it did but you also had a google font link in your header.php so I removed this also:

I also found that WP Rocket was also preloading the fonts at Preload ▸ URLs to prefetch, so I removed these URLs:

//fonts.gstatic.com
//fonts.googleapis.com
//www.google-analytics.com
//www.google.com
//www.googletagmanager.com
//www.gstatic.com

and this solved your issue:

The one last thing that I noticed was a 404 error for the url in the WP Rocket Preload ▸ Fonts to preload
/wp-content/uploads/avia_fonts/type_fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf
so I removed this to solve the 404 error:

please clear your browser cache and check.

Best regards,
Mike

Hey DUALWERK,
Thanks for your question when the timeline is in horizontal scrolling mode it uses the \enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js on line 786 you will see a line that is commented out:

un-comment this line and comment out the line under it:

This will make to scroll all of the showing milestones, such as 3 at a time. I have linked to my test page below which has 9 milestones with 3 showing at a time.
After you edit the slideshow.js you will need to clear the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression by disabling it and then enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and clear your browser cache.
I’m not sure if this will change other slider behaviors so you should check, if you want to add this modification to your child theme, ensure this function is in your child theme functions.php file:

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 add the directory /shortcodes/ to your child theme and then copy the directory /slideshow/ with your customized file to the /shortcodes/ directory.
Then clear the file merging and compression and your browser cache.

Best regards,
Mike

Hi René,

Autoplay videos don’t work by default for the reasons stated by Mike and @guenni007. If you want to allow it anyway, then you could try this script to see if you have any luck with it:

// custom script: autoplay youtube videos on mobile devices
function ava_custom_script_autoplay_youtube_videos()
{
    ?>
    <script type="text/javascript">
        var tag = document.createElement('script');
        tag.id = 'avia-yt-iframe-api';
        tag.src = 'https://www.youtube.com/iframe_api';
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        var avia_players = document.querySelectorAll('.avia-video iframe[src*="youtube.com"]');

        var players = [];

        function onYouTubeIframeAPIReady() {
            avia_players.forEach(function(video, index) {
                players.push(new YT.Player(video.id, {
                    events: {
                        'onReady': onPlayerReady,
                    }
                }));
            });
        }

        function onPlayerReady(event) {
            event.target.mute();
            event.target.playVideo();
        }
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_autoplay_youtube_videos', 9999 );

Best regards,
Rikard

Hi,
Thanks for the login, I see in WordPress ▸ Tools ▸ Site Health your Max input time is a negative number:

this should be 180 and your PHP time limit is also low try setting to 270
You may need to ask your web host to set these for you.
Are you using OVH hosting? If you are OVH hosting has disabled the set_time_limit() function, this function is to ensure that the WordPress import doesn’t time out, and is different than the PHP time limit.
With this function disabled some people opt to use a different web host, one user had success with these settings

Best regards,
Mike

Hi,
Glad to hear that this helped, Ismael’s solution is a PHP function and works on the server side while the page is being built, but getting the browser screen size needs to be done on the client side with javascript after the page is built, so this won’t work.
I can add a function to account for screen resizing, but it just auto reloads the page on resize and in a live situation the user would not trigger this because their devices would not change from desktop to tablet on the fly. Originally I thought you asked for the product tabs below the product image and make it fullwidth, in your last post you asked to have the title, price, add to cart button and description below the image, just like on the mobile version, so for this I have also added the resize function.
Try this code to the end of your child theme functions.php file in WordPress ▸ Appearance ▸ Theme File Editor instead:

function move_woo_product_summary_below_image_with_resize() { ?>
    <script>
window.addEventListener('DOMContentLoaded', function() {
    (function ($) { 
        var width = $(window).width();
    if (width > 767 && width < 1200) {
      $('#top.single-product .woocommerce-tabs.wc-tabs-wrapper').css({'padding-top':'0'}).appendTo( ".container_wrap_first.template-shop > .container > .product" );
      $('#top.single-product .single-product-summary .entry-summary').css({'padding-top':'0'}).insertBefore( ".container_wrap_first.template-shop > .container > .product .woocommerce-tabs.wc-tabs-wrapper" );
      $('#top.single-product .single-product-main-image').css({'padding-bottom':'0','width':'100%'});
       }
    })(jQuery);
    var resizeId;
    window.addEventListener('resize', function() {
        clearTimeout(resizeId);
        resizeId = setTimeout(doneResizing, 300);
    });
    
    function doneResizing(){
        location.reload();
    }
});
</script>
  <?php
}
add_action('wp_footer', 'move_woo_product_summary_below_image_with_resize');

Below I have linked to my test page, I tested with a Dev Tools device emulation of a device 1024px by 1205px to test the resize by rotating portrait to landscape and back.
For portrait:

For landscape:

Please give this a try.

Best regards,
Mike