Hi,

Thank you for the update.

1.) The Enfold > Performance tab has just been released when the articles was written, so there are now additional or new options there that you can toggle to slightly improve the site speed such as the file compression, disabling css animations and the responsive images option. The theme also creates dedicated stylesheets for each posts or pages in later versions of the theme, which should also improve the site speed, and this is done automatically, so you don’t have to toggle any settings.

2.) The same optimization procedures should apply for all kinds of speed tests. Just following the recommendations in the articles that we posted above should greatly improve the site speed.

3.) The theme adds the srcset attribute to any image elements (sliders, gallery, posts etc) automatically, so the browser can handle the image delivery more effectively and allow it to pick the correct image size for the current device.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Sorry for the delay. You can use this css code to adjust the space between the masonry items.

.responsive #top .av-masonry-entry {
    margin-top: -190px;
}

Make sure to place it within the css media query for mobile view. We provided a screenshot in the private field.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

Did you use the default translation editor to translate the page? Please post the login details in the private field so that we can check the issue properly.

// https://wpml.org/documentation/theme-compatibility/enfold/

Best regards,
Ismael

Hey dondela,

Thank you for the inquiry.

The font looks correct but there seems to be less space between the characters. Please try to add this css code to adjust the spacing between the letters.

body.static {
    font-family: 'static', Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: initial;
}

Best regards,
Ismael

Hi,

We adjusted the code in the functions.php file a bit to prevent scrolling and remove the hashtag from the URL.

// burger menu trigger
function ava_trigger_burger_menu(){ ?>
    <script>
    (function($){
		$('.open-burger-menu').on('click', function(e) {
			$('.av-burger-menu-main a').click(); 
			$('html, body').animate({ scrollTop: $(window).scrollTop()}, 100);
			
			setTimeout(function() { 
				history.pushState("", document.title, window.location.pathname + window.location.search);
			}, 100);
		});
    })(jQuery);
    </script>
<?php }
add_action('wp_footer', 'ava_trigger_burger_menu');

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

The solution in the following thread should help with the masonry sorting.

// https://kriesi.at/support/topic/randomise-posts-in-category-page/#post-1331323

Best regards,
Ismael

Hi,

Great! Glad to know that you have found a working solution. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey Floury Sébastien,

Thank you for the inquiry.

Are you using the advance layout builder for your products? You may need to switch the editor back to default and set the Enfold > Shop Options > Product gallery settings to the first option to use the default product gallery, which is compatible with variable products.

To properly open a new thread in the forum, please register for an account using your purchase code in the following page.

// https://kriesi.at/support/register/

Best regards,
Ismael

Hey AWZ,

Thank you for the inquiry.

I know you don’t like to see links to older threads or documentation but we will still provide a few because those articles are written as a reference or as a guide, and the recommendations provided in those threads are still effective. Please check the following links.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.html

Additional recommendations are to upgrade PHP to the latest version, make sure to pick a server close to your target visitors and use CDN.

Best regards,
Ismael

Hey HulaSlim,

Thank you for the inquiry.

Are you using the Special Heading element? The size of the font can be changed per device or screen size in the Styling > Font Sizes > Heading Font Sizes settings.

You can also use this css code to adjust the font size of inline headings or titles.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    font-size: 20px !important;
  }
}

Best regards,
Ismael

Hey woogie07,

Thank you for the inquiry.

1-2.) You can use the Fullwidth or Fullscreen slider and manually add the watermark using an img tag inside the slider caption field.

// https://www.w3schools.com/tags/tag_img.asp

Best regards,
Ismael

Hi,

We may need to access the site and check the script so that we can test it properly. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you switch the portfolio preview back to gallery? The page looks different now. Please create a test page so that we can check the issue properly.

1. list_jpg.jpg: image a little blurry
2. slideshow_jpg.jpg: image much sharper

The gallery and image list should pull the same images, with similar names.

Best regards,
Ismael

Hey evas49,

Thank you for the inquiry.

Did you configure the layer slider’s Project Settings > Mobile options? Looks like the Hide on Mobile option is enabled or the Hide Under field has been filled.

We can force the slider to display on smaller screens by using the following css code but this will completely nullify the Hide on Mobile option.

.ls-forcehide {
    display: block !important;
}

Best regards,
Ismael

Hi,

Thank you for the login info.

The opacity of the tooltip is always set to 0 for some reason, which is why they are not displaying on hover. To fix the issue temporarily, we added this code in the child theme’s style.css file.

body .avia-tooltip {
    opacity: 1 !important;
}

We also disabled the Comet Cache plugin temporarily. Please make sure to purge the cache before testing the page.

Best regards,
Ismael