Hey nestormakhno,

Thank you for the inquiry.

The Google ReCAPTCHA keys in the Enfold > Google Services panel are invalid, or they do not get passed the check. Did you add the site or the domain name as one of the HTTP referrers for the API key?

Please check the documentation for more info about recaptcha.

// https://kriesi.at/documentation/enfold/contact-form/#what-is-captcha

Best regards,
Ismael

Hey amyteslin,

Thank you for the inquiry.

This option is not available out of the box, but you may be able to utilize the same script that we use to create social icons inside the mobile menu. The script can be found here.

// https://kriesi.at/support/topic/add-logo-to-slide-out-mobil-menu/#post-1301439

Just replace this line with the actual markup of the search bar.

$("
<div class='av-mobile-logo'><img src='IMAGE URL HERE' /></div>
")

And remove this part or change it accordingly.

.addClass("mobile_social_bookmarks");

Best regards,
Ismael

Hi,

Thank you for the inquiry

prevent the big red Link Icon on the portfolio grid?

You might be referring to the image overlay. If you want to remove it, try to use this css code.

.image-overlay {
    display: none !important;
}

Please note that this css code will disable all link overlays in the site. You may need to add a custom css class name or ID to the portfolio grid and adjust the selector above accordingly.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hey Bodyworkcenter,

Thank you for the inquiry.

You can try this script in the functions.php file to move the widget between the logo container and the alternate menu.

// a custom script
// move widget between logo and menu
function ava_custom_script_mod_move_widget() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(document).ready(function() {
				$("#header .widget").insertAfter(".av-logo-container");
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod_move_widget', 9999);

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to adjust the size of the images on mobile view.

.responsive .av-horizontal-gallery-img {
    height: 100%;
    width: auto;
}

By default, the width the of the horizontal gallery images on mobile view is set to 100% and the height is set to auto to keep their aspect ratio.

Best regards,
Ismael

Hey Knutnik,

Thank you for the inquiry.

Try to use this css code to add a padding to the text block with the teasertext class name.

#teaserbox .teasertext {
    padding: 3% 4% 7% 3%;
}

The second css rule above should have worked.

Best regards,
Ismael

Hi,

No problem. Unfortunately, we are not yet sure why the milestone animation is not working properly. Please keep the css code for now.

Best regards,
Ismael

Hi,

We ran a test again on the page speed insights tool and found out that the stylesheets are still combined using the SG Optimizer’s option. We recommend disabling that option temporarily because it is blocking rendering by about 900ms, longer on the previous test. It also combines a lot of unused css code.

Screenshot: https://imgur.com/HrNlD6B

We also tested the site on gtmetrix and it returns a much more favorable result with LCP for only about 2.5s.

// https://gtmetrix.com/reports/www.bookconfidential.blog/VbUuZrnH/

Have you tried using the Autoptimize plugin? And as suggested above, you can enable the Load only used elements option to improve the page speed. This should also improve LCP by significant amount.

To further optimize the site, please check the following articles.

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

Best regards,
Ismael

Hi,

it does not play any role

What do you mean? The screenshot above shows that the content of the second page after the more tag is hidden. We tried to check the page again today but there is a database error. Please let us know when the site is up again.

Have you tried asking the plugin author about the issue? They should be able provide additional help regarding the problem.

Best regards,
Ismael

Hey zwachm,

Thank you for the inquiry.

Looks like the content of the Advance Layout Builder (ALB) is displaying as excerpt. Try to use this filter in the functions.php file to prevent the excerpt from displaying when the post is using the ALB.

add_filter('avf_masonry_loop_entry_content', function($content, $entry) {
      $is_alb =  Avia_Builder()->get_alb_builder_status( $entry->ID ) == 'active';
      if($is_alb) $content = "";
      return $content;
}, 10, 2);

Best regards,
Ismael

Hi,

Thank you for the info.

The variation image switch should work properly when the Enfold > Shop Options > Product gallery is set to the default Woocommerce 3.0 gallery. The default theme gallery is currently used in the site, which is why the switch is not working.

Best regards,
Ismael

Hey Hafeez Ullah,

Thank you for the inquiry.

Those container are not generated by the theme, or do not exist in any of the theme template files. Did you create a custom template file? We can remove the container with a simple script if you like.

Something like this.

var summary = document.querySelector(".page-summary");
summary.remove();

You can use the wp_footer hook to append it to the page or to the document, or use the wp_add_inline_script function.

// https://developer.wordpress.org/reference/functions/wp_add_inline_script/

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

Are the icons actual images? How did you add them? Looks like the icons are only visible on the first slide. If they are actual images, then you have to use the filter property to adjust their color.

.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }

You can use font icons instead of actual images.

// https://fontawesome.com/
// https://fontello.com/

Best regards,
Ismael

Hey!

Don’t you agree with that?

We are actually offering work arounds, or at least providing suggestions to fix the issue temporarily, while we are trying to figure out what is actually causing the issue. I thought that was how the previous responses are coming.

The issue seems to only occur when the posts are created with the advance layout builder, so manually adding an excerpt and showing that text instead of the actual builder content should fix the issue temporarily.

We will forward the issue to our channel.

Cheers!
Ismael

Hi,

Thank you for the update.

Based on our initial test, as you can see in the screenshot above, the site scored poorly on mobile, so we just thought that you should focus on optimizing the site first instead of focusing on the CLS score. We did not mean that you should ignore CLS completely. We did not check or test it on gtmetrix though. And yes, unfortunately, we are not yet sure what is causing the layout shifts in the front page aside from the image animations on every section. We will keep the thread open.

Best regards,
Ismael