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

Hi,

Thank you for the update.

Looks like the blog posts element is set to grid layout. If it is, the blog posts are rendered through the postslider.php file located in the enfold\config-templatebuilder\avia-shortcodes\postslider folder. You can add your own modifications inside the html function of the avia_sc_postslider class. And if you want to do it in the child theme, please check the documentation below.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

Best regards,
Ismael

Hi,

Thanks for chiming in. For now, you have to use the default Woocommerce gallery to make the variation image switch work. It doesn’t work on the Enfold product gallery because the markup is not the same as the default gallery. If you have other concerns, please don’t hesitate to open a new thread.

Best regards,
Ismael

Hi,

Thank you for that info.

Fixed background images are not fully supported on iOS devices and they usually cause issues when the background size property is set to “cover”. To fix the issue on iPad Pro device, we have to disable the fixed effect and set it to default or “scroll”.

@media only screen and (max-width: 1366px) {
    .flex_cell {
	background-attachment: scroll !important;
    }
}

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

Firefox does not appear to support the local value when applied on a textarea element.
Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.
iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

// https://caniuse.com/#feat=background-attachment

Best regards,
Ismael

Hey!

I was informed that the patch was already added in the theme and a filter is also available if you need to modify it. The filter is called avf_alb_options_select_hierarchical_post_type_id, and the patch is inside the wp-content\themes\enfold\config-wpml\config.php file.

/**
		 * Fixes problem with links to posts/pages in ALB elements in modal popup in backend (reported and provided by WPML comp. team)
		 * 
		 * @since 4.5.7.2
		 * @param int $selected_id
		 * @param string $object_type			'page' | 'post' | 'category' | ......
		 * @param array $option_selected
		 * @param array $element
		 * @return int
		 */
		function avia_wpml_alb_options_select_hierarchical_post_type_id( $selected_id, $object_type, array $option_selected, array $element )
		{
			$selected_id = apply_filters( 'wpml_object_id', $selected_id, $option_selected[0], true ); 
			return $selected_id;
		}
		
		add_filter( 'avf_alb_options_select_hierarchical_post_type_id', 'avia_wpml_alb_options_select_hierarchical_post_type_id', 10, 4 );

Best regards,
Ismael

Hi,

Sorry for the troubles. The sub menu is already set to respond on hover, focus or mouseenter events but what’s not available is the use of keyboard arrows to navigate back or to the previous and next items. You can still Tab through the navigation or links within the page. Adding this css code should add an indicator that a menu item is active.

.av-main-nav > li > a:focus, .av-main-nav > li > a:hover {
	text-decoration: underline;
}

The Ubermenu plugin has a specific documentation for Enfold. Please check the following documentation.

// https://sevenspark.com/docs/ubermenu-enfold

Best regards,
Ismael

Hi,

Sorry for the delay. The grid layout doesn’t look like that by default. Are you using the masonry element? If you are, try this css code in the Quick CSS field or the style.css file.

.av-masonry-entry .avia-arrow {
    background: #fff;
    top: -5px;
    border: none;
}

If you want to adjust the size of the arrow a bit, use this:

.avia-arrow {
    height: 10px;
    width: 10px;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    visibility: hidden\9;
}

Alter the width and height property.

Best regards,
Ismael

Hi,

Sorry for the delay. The breadcrumb is now displaying properly in the forum pages. We modified the snippet in the functions.php file a bit.

//show bbpress forum breadcrumbs
add_action('after_setup_theme', function() {
	 remove_filter('bbp_get_breadcrumb','avia_fetch_bb_trail',10,3);
}, 9999);

Best regards,
Ismael