Hey daves1997,

Thank you for the inquiry.

We added the following code to limit the height of the column cells in the Quick CSS field, but it is not taking effect. This might be because the CSS files are bundled or compressed into a single file. We have tried disabling the CSS minification in the WP Rocket plugin, but it didn’t resolve the issue. It seems that there might be another plugin responsible for bundling the CSS files. Could you please check if you have any other plugins installed that might be performing this function?

.ihf-grid-result.col-xs-6 {
    height: 30px !important;
    padding-top: 10px;
}

Best regards,
Ismael

Hey ijnavas,

Thank you for the inquiry.

Did you change the email address in the filter? Please try to remove the previous filter and use this one instead.

function avf_change_cf_from() {
    return " (Email address hidden if logged out) ";
}
add_filter('avf_form_from', 'avf_change_cf_from', 10);

Make sure to copy this code directly from the forum.

Best regards,
Ismael

Hey Gianluca,

Thank you for the inquiry.

Do you have the images in SVG format? If so, you can use a tool like https://fontello.com/ to generate custom font icons from the SVG files. Once you have generated the font icons, you can upload them to the theme using the Iconfont Manager. For detailed instructions on how to add your own fontello or flaticon icons, please refer to the documentation provided below:

// https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

Best regards,
Ismael

Hey edolmen,

Thank you for the inquiry.

The screenshot above is not accessible. Would you mind providing another screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

If you want to modify the markup of the burger menu, try to add this code in the functions.php file.

if( ! function_exists( 'avia_append_burger_menu_mod' ) )
{
	//first append search item to main menu
	remove_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 );
	remove_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 );

    add_filter( 'wp_nav_menu_items', 'avia_append_burger_menu_mod', 9998, 2 );
	add_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu_mod', 9998, 2 );

	/**
	 * Append the burger menu
	 *
	 * @param string $items
	 * @param array $args
	 * @return string
	 */
	function avia_append_burger_menu_mod ( $items , $args )
	{
		global $avia_config;

		$location = ( is_object( $args ) && isset( $args->theme_location ) ) ? $args->theme_location : '';
		$original_location = isset( $avia_config['current_menu_location_output'] ) ? $avia_config['current_menu_location_output'] : '';

		/**
		 * Allow compatibility with plugins that change menu or third party plugins to manpulate the location
		 *
		 * @used_by Enfold config-menu-exchange\config.php			10
		 * @since 4.1.3
		 */
		$location = apply_filters( 'avf_append_burger_menu_location', $location, $original_location, $items , $args );

	    if( ( is_object( $args ) && ( $location == 'avia' ) ) || ( is_string( $args ) && ( $args == 'fallback_menu' ) ) )
	    {
	        $class = avia_get_option('burger_size');

	        $items .= '
 	<li class="av-burger-menu-main menu-item-avia-special ' . $class . '">
	        			<a href="#" aria-label="' . esc_attr( __( 'Menu', 'avia_framework' ) ) . '" aria-hidden="false">
							<span class="av-hamburger av-hamburger--spin av-js-hamburger">
								<span class="av-hamburger-box">
						          <span class="av-hamburger-inner"></span>
						          <strong>' . __( 'Menu', 'avia_framework' ) . '</strong>
								</span>
							</span>
							<span class="avia_hidden_link_text">' . esc_html( __( 'Menu', 'avia_framework' ) ) . '</span>
						</a></li>
';
	    }

	    return $items;
	}
}

You may need to add role attribute somewhere in this code.

$items .= '
 	<li class="av-burger-menu-main menu-item-avia-special ' . $class . '">
	        			<a href="#" aria-label="' . esc_attr( __( 'Menu', 'avia_framework' ) ) . '" aria-hidden="false">
							<span class="av-hamburger av-hamburger--spin av-js-hamburger">
								<span class="av-hamburger-box">
						          <span class="av-hamburger-inner"></span>
						          <strong>' . __( 'Menu', 'avia_framework' ) . '</strong>
								</span>
							</span>
							<span class="avia_hidden_link_text">' . esc_html( __( 'Menu', 'avia_framework' ) ) . '</span>
						</a></li>
';

Best regards,
Ismael

Hey atixservices,

Thank you for the inquiry.

Have you tried temporarily disabling the Enfold > Performance > File Compression settings? This should regenerate the scripts and stylesheets. Additionally, make sure to purge the cache or disable the cache plugin while editing the site. Let us know if this helps.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried adjusting the value of the min-height property? On screens smaller than 767px, the height of the line graph hovers around 200px. Adjusting the min-height value closer to the default height should help.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .avia-chart-container.av-2vujhrt-0855884933b1b8267e5416ea7624b97a canvas.avia-chart {
    height: 250px !important;
  }
}

Best regards,
Ismael

Hey Tanja,

Thank you for the inquiry.

What needs to happen for only the clicked on instance’s pagination to change when it is clicked on, without affecting the other instances on the page?

Unfortunately, individual pagination for each instance of the blog posts element is not possible due to the way pagination works in WordPress. The pagination is determined by the value of the “page” query parameter, which changes whenever a different page is accessed. As a result, all instances of the blog posts element on the same page respond to this change and display the corresponding posts.

As an alternative, you can replace the Blog Posts element with the Masonry element and enable the “load more” button.

Best regards,
Ismael

Hey Videmi,

Thank you for the inquiry.

The reason the lightbox title is not displaying could be due to the removal of the title attribute of the gallery items. Please check if you have added any custom scripts or modifications that may be responsible for removing the title attribute.

In our own installation, we created a similar image gallery, and the titles of the images displayed correctly in the lightbox container. Therefore, it’s possible that a customization or modification specific to your installation is causing this issue.

I recommend reviewing any custom code or modifications you have made that could affect the gallery functionality. Look for any code that modifies the image gallery or removes the title attribute.

Best regards,
Ismael

Hey landhausaustria,

Thank you for the inquiry.

You may have forgotten to include the site URL in the private field. Please add the link so that we can check the issue properly.

Have you tried adjusting the options in the “Enfold > Privacy & Cookies > Cookie Handling” panel? You may need to check the site in incognito mode or make sure to remove the cookies beforehand.

If you’re still experiencing issues after adjusting the options, please provide us with the site URL so that we can further investigate and assist you in resolving the problem.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Have you tried reselecting the categories in the masonry element? If the issue persists, you can temporarily hide the variable items by adding the following CSS code:

.av-masonry-entry.type-product_variation {
    display: none !important;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

To disable the lightbox or pointer events for the masonry item on mobile devices, you can use the following CSS code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .av-masonry-entry.av-masonry-item-loaded {
    pointer-events: none;
  }
}

By setting pointer-events to none, the masonry item will no longer respond to user interactions, effectively disabling the lightbox or any other pointer events associated with it.

Best regards,
Ismael

Hey browlist,

Thank you for the inquiry.

To add the product title and product image, you can utilize either the Image or Text elements from the Advance Layout Builder (ALB). Simply select the appropriate element based on your preference and insert the necessary information accordingly. Unfortunately, there are no specific builder elements dedicated to product titles and product images.

Best regards,
Ismael

Hey oxyde31,

Thank you for the inquiry.

The misalignment is likely caused by the content in the second column breaking into a second line, which affects the overall alignment. To resolve this, you need to ensure that the content in both columns has the same number of lines. By adjusting the text or layout in the second column, you can ensure that the content aligns properly.

Best regards,
Ismael

Hi,

Thank you for the update.

The image is not displaying correctly because it a little bit larger than the hotspot container. To fix the issue, you may need to specify the background-size property.

.av-hotspot-container-inner-wrap .av-image-hotspot:nth-child(1) .av-image-hotspot_inner {
    background-image: url("https://test.s-design.tirol/Salzraum/wp-content/uploads/fahne.png");
    background-size: contain;
}

Best regards,
Ismael

Hi,

I changed the Meta Tag “robots” section to ‘Let SEO plugin set this tag” and the noindex code disappears from the head code.

Do you need any further assistance with the issue? If not, we can go ahead and close the thread. Please let us know if there is anything else we can help you with.

Best regards,
Ismael