Hi,

Thank you for the update.

We modified the script in the parent theme and it should be working properly now. Tabbing should open the submenus properly until the last menu item and move on to the next menu item if there is any.

// bind events for dropdown menu
			dropdownItems.find('li').addBack().each(function()
			{
				var currentItem = $(this),
					sublist = currentItem.find('ul').first(),
					showList = false;

				if(sublist.length)
				{
					sublist.css({display:'block', opacity:0, visibility:'hidden'});
					var currentLink = currentItem.find('>a');

					currentLink.on('mouseenter', function()
					{

						sublist.stop().css({visibility:'visible'}).animate({opacity:1});
					});

					currentLink.on('focus', function () {
						sublist.stop().css({ visibility: 'visible' }).animate({ opacity: 1 });
						currentItem.css("z-index", 1000);

						sublist.find('li:last-child').on('focusout', function () {
							var parent = sublist.parent(".menu-item");
							var nextMenu = parent.next();
							var submenu = $(this).parent(".sub-menu");

							if(nextMenu) {
								nextMenu.trigger("mouseenter").focus();
								submenu.stop().animate({ opacity: 0 }, function () {
									submenu.css({ visibility: 'hidden' });
								});
								return;
							}

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

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

				}

			});

Best regards,
Ismael

Hi,

Thank you for the update.

It is ignoring the last css media query because the iframe has a maximum width of 500px.

<iframe loading="lazy" class="animation_automated_workflow" src="https://zs-dev.dev-sites.org/animation/animation2/zs_web_anim_06.html" width="500" height="400"> </iframe>

You may need to adjust the value of the width attribute or change the css media query.

Best regards,
Ismael

Hi,

Thank you for the update.

The plugin adds more functionality to the default filter but it currently generates an error. You may need to ask the plugin author for additional help in order to properly use the plugin.

Best regards,
Ismael

Hi,

Thank you for the update.

Can you give us a link to the contact form preview? Or post the login details in the private field so that we could check the contact form.

Best regards,
Ismael

Hi,

Thank you for following up.

We updated the code in the functions.php file.

/* zijbalk op productpagina */
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
	add_action( 'woocommerce_after_single_product_summary', 'avia_close_image_div_mod', 20);
	add_action( 'woocommerce_before_single_product_summary', 'avia_open_image_div_mod', 1 );
}

function avia_open_image_div_mod() {
	echo "<div class='product-main-container'>";
}

function avia_close_image_div_mod() {
	echo "</div>";
}

function avia_add_sidebar() {
	if(is_product()) {
		$avia_config['currently_viewing'] = "shop_single";
		get_sidebar();
	}
}
add_action('init','ava534345953_init', 50);

And use this css code instead.

.product-main-container {
    width: 63%;
    float: right;
    margin-left: 50px;
}

.product-main-container::after {
	content: '';
	display: table;
	clear: both;
}

.product-main-container .single-product-main-image, .product-main-container .single-product-summary  {
	width: 100%;
}

#top #main .sidebar {
    border-left: 0;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: 0;
    margin-right: 50px;
    padding-right: 50px;
}

The widget area is now located in the sidebar.

Best regards,
Ismael

Hi,

Thank you for the info.

The script that we provided in the previous thread will move the social icons inside the mobile menu, but since the social icons are not yet enabled in your site, the script has nothing to move.

Please enable the social icons in the Enfold > Header > Extra Elements panel, then test it again. We can add a few css if you want the social icon to only display inside the mobile menu.

Best regards,
Ismael

Hi,

No problem. It is possible that not all elements require a name because its type (e.g FAQ, Breadcrumb) already describes the element effectively.

Please do not hesitate to open another thread if you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

If I enter more text than the 2 words you did, there’s is only text and image and title disappear.

That happens because the content or excerpt container in the masonry element is actually an overlay, which is above the image. To adjust the size of the image or to make most of it visible, you can use the following css code.

.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 150%;
}

Default bottom padding value is 80%.

You can also try a different masonry size settings.

Best regards,
Ismael

Hi,

1.) If you look at the screenshot closely, you will see that the menu ID in the EN version is 11472, not 11470.

2.) The EN version is still displaying because it is set as the front page in the Settings > Reading panel. We reset the options to default.

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,

Alright. Using the the_excerpt or the get_the_excerpt function should help pull out the product description.

// https://docs.woocommerce.com/document/display-post-excerpt-instead-of-full-content/

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

Would you like to limit the maximum width of the grid row container? You can use this css code for that.

.responsive .container {
    max-width: 1400px;
}

And if you want to only apply it on a certain screen width, create a css media query.

@media only screen and (min-width: 1600px) {
  /* Add your Desktop Styles here */
   .responsive .container {
       max-width: 1400px;
   }
}

Best regards,
Ismael

Hey Byrne,

Thank you for the inquiry.

That should be possible with a little script in the functions.php file.

// a custom script
// toggle accordion's read more text
function ava_custom_script_mod_read_less() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(document).ready(function() {
				$(".toggler").each(function() {
					var active = $(this).is(".activeTitle"); 
					if(active) {
						$(this).text("Read Less");
					}
				});

				$(".toggler").on("click", function(e) {
					e.preventDefault();
					var active = $(this).is(".activeTitle"); 
					var content = $(this).html();
					var innerText = $(this).text().trim();
					
					var new_content = content.replace(innerText, active ? "Read More" : "Read Less");

					$(this).html(new_content);
				});
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod_read_less', 9999);

Best regards,
Ismael

Hi,

Thank you for the info.

We tried disabling the Performance > File Compression settings, but it did not change anything. What happens when you disable the Elementor lightbox option, or when you disable the plugin completely?

// https://elementor.com/help/lightbox/#:~:text=The%20lightbox%20feature%20is%20turned,Site%20Settings%20%3E%20Settings%20%3E%20Lightbox.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code in the Quick CSS field to disable the gallery animation and make the items display immediately on page load.

.avia-gallery-thumb img {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    animation: none;
}

Best regards,
Ismael

Hey ohelayalah,

Thank you for the inquiry.

Would you mind providing a screenshot of the admin menu issue? Or post the login details in the private field, and we will check the dashboard.

“edit event in series” link.

Do you mean recurring events? Please provide a link to one of these events as well so that we can check it.

Best regards,
Ismael