Hey mtesch,

Thank you for the inquiry.

Are you using the Product Grid element for the pages where the issue occurs? The element may not be compatible with the plugin, so you might have to refrain from using the element and instead utilize the default shop base page and the available product shortcodes from Woocommerce.

// https://docs.woocommerce.com/document/woocommerce-shortcodes/#section-9

So instead of using the Product Grid element to render the products in the page, you will use this shortcode for example.

[products]

Unfortunately, the output or styling from these shortcodes are different from the default element, so it has to be adjusted a bit.

Best regards,
Ismael

Hi,

The theme has its own timeline element which is available in the advance layout builder. Have you tried it?

Looks like the plugin prematurely closes the sections or containers in the page and breaks the layout. Have you tried placing the text block containing the plugin shortcode inside a Grid Row element with a single cell? Does it work correctly when using the default editor?

Please contact the plugin authors for additional assistance.

Best regards,
Ismael

Hey Carsten,

Thank you for the inquiry.

The analysis tool doesn’t work well with layout builders because it doesn’t recognize shortcodes. And the markup, for example the image tag is not really available in the back end, so the tool can’t detect it. Looks like the tool has a way to detect images based on the file name, maybe the image format too, but it might not be able to detect the alt attribute because the whole image markup doesn’t actually exists in the builder.

// https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/#assessment

But please note that this will not affect how search engines read the site in the front end.

Best regards,
Ismael

Hey optibpo,

Thank you for the inquiry.

Try to append the autoplay parameter to the Youtube URL.

// https://developers.google.com/youtube/player_parameters#autoplay

You might also have to mute the video initially because autoplay is not allowed when audio is enabled by default. For that you can use the mute parameter and set it to 1.

Best regards,
Ismael

Hey todd0218,

Thank you for the inquiry.

We don’t really see the video overlay on our end. Could you provide a screenshot of the issue?

Best regards,
Ismael

Hi,

Thank you for the update.

There were other “header” custom fields which contain the value “no”, so we removed them and replaced the value of the actual “header” field. The title and breadcrumb is now displaying properly.

Best regards,
Ismael

Hi,

We modified the script in the functions.php file a bit.

function ava_custom_script_mod_social()
{
?>
	<script>
		(function($) {
			$(document).ready(function() {
				var burger_wrap = $('.av-burger-menu-main a');
				var social = $('.social_bookmarks');
				
				$(burger_wrap).on('avia_burger_list_created', function() {
					setTimeout(() => {
						social.appendTo('#av-burger-menu-ul').addClass("mobile_social_bookmarks");
					}, 150);	
				});
			});
		})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_social', 10000);

And added this css code to adjust the position of the social icons.

.html_av-overlay-side #top #wrap_all .av-burger-overlay .social_bookmarks {
	position: relative;
	top: 100px;
	left: 60px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay .social_bookmarks a {
	padding: 0;
}

Screenshot: https://imgur.com/a/1DZciIs
Best regards,
Ismael

Hi,

You can disable the default title from the Enfold > Header > Header Layout > Header Style settings. Set it to display only the breadcrumbs or just hide both if necessary. If you need to modify the post title in the post template, you have to edit the includes > loop-index.php file.

echo $title;

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to adjust the color of the links.

.alternate_color a, .alternate_color .widget_first, .alternate_color strong, .alternate_color b, .alternate_color b a, .alternate_color strong a, .alternate_color #js_sort_items a:hover, .alternate_color #js_sort_items a.active_sort, .alternate_color .av-sort-by-term a.active_sort, .alternate_color .special_amp, .alternate_color .taglist a.activeFilter, .alternate_color #commentform .required, #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .alternate_color .blog-categories a, .html_elegant-blog #top .alternate_color .blog-categories a:hover {
	color: #6786a1 !important;
}

Please add it in the Quick CSS field or the child theme’s style.css file, and toggle the Performance > File Compression settings afterwards.

Best regards,
Ismael

Hi,

Thank you for the clarifications.

To make the sub menu visible on tab focus, please edit the file that Lance mentioned above (avia-snippet-megamenu.js), look for this block of code..

	currentLink.on('mouseenter', function () {
						sublist.stop().css({ visibility: 'visible' }).animate({ opacity: 1 });
					});

.. and replace it with:

	currentLink.on('mouseenter', function () {
						sublist.stop().css({ visibility: 'visible' }).animate({ opacity: 1 });
					});

					currentLink.on('focus', function () {
						sublist.stop().css({ visibility: 'visible' }).animate({ opacity: 1 });

						sublist.find('li:last-child').on('focusout', function () {
							sublist.stop().animate({ opacity: 0 }, function () {
								sublist.css({ visibility: 'hidden' });
							});
						});
					});

And add this css if you want to see an indicator:

#top .av-main-nav ul a:focus {
	text-decoration: underline;
}

This should open the sub menu on tab focus and hide it back after focusing out on the very last menu item in the list. This should work properly on items with single sub menu, but not on items with multiple levels of child menu items.

We’ll forward the issue to our channel.

Best regards,
Ismael

Hi,

Can we have access to the dashboard and the file server? We would like to check the issue.

What do you get when you check the global $posts variable in the loop-index.php file?

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like it doesn’t work on the block editor but the slider displays fine when we used the theme’s advance layout builder. Please check the Home page. (see private field)

Best regards,
Ismael

Hi,

Thank you for the info. Looks like the issue would only happen when you intentionally try to reproduce it. There’s a very rare chance that a visitor or user will see this issue unless they happen to do exactly what you did above. A user will probably just scan the home page, click the link or page that interests them and continue reading or viewing, but it is a bug, so we’ll try to fix it.

Please try to edit the root\wp-content\themes\enfold\js\avia-snippet-megamenu.js file, and look for this code around line 212:

	currentItem.on('mouseleave', function()
					{
						sublist.stop().animate({opacity:0}, function()
						{
							sublist.css({visibility:'hidden'});
						});
					});

Below, try to add this code:

window.on('debouncedresize', function() {
	currentItem.trigger('mouseleave');
});

Please disable the Performance > File Compression settings after adding the code.

Best regards,
Ismael

Hi!

You have to move the product tabs using their their designated hooks. Please check the following threads for a possible solution.

// https://kriesi.at/support/topic/product-description-fullwidth/#post-1199710
// https://kriesi.at/support/topic/single-product-page-image-size/#post-1195923

Cheers!
Ismael

Hi,

2) HOME H1
even though I set to display title and breadcrumbs, home page doesnt show anything and if I manually insert a H1 in the home then WP yoast tells me that there are two H1. Only way is to not write any H1 in the home, but I dont think is a good thing for google….

An h1 tag is already added in the first text block, which is why the plugin detects duplicate headings. Did you add any custom fields in the home page? It’s possible that the custom field header_title_bar , which controls the visibility of the title and breadcrumb, is not set properly.

Try to enable the custom fields in the page, look for the header_title_bar field and set it to title_bar_breadcrumb.

Best regards,
Ismael