Hi,

Thank you for the update.

If you are using the Fullwidth Easy Slider, you can add a button or two in the slide’s Advanced > Link Settings panel. Set the Apply a link or buttons to the slide? settings to the third or fourth option.

Best regards,
Ismael

Hi,

UPDATE: This is a list of shortcodes or template files that contains the Av_Responsive_Images class.

slideshow**
blog
catalogue
gallery
horizontal gallery
image
image hotspot
logo slider
masonry**
magazine
portfolio
post slider
lightbox
team
logo

** some variants or styles may not have the srcset attribute

Best regards,
Ismael

Hi,

@thp: We do not have a list of elements yet, but you can assume that every shortcode or template file that contains the Av_Responsive_Images class and is using its methods should render responsive images.

For example, the enfold/config-templatebuilder/avia-shortcodes/image/image.php file should contain this line, which outputs an image markup with the srcset attribute.

return Av_Responsive_Images()->make_content_images_responsive( $output );

It can be easily done using any text editors’ search feature. In Microsoft VS Code for example, just hit CTRL + SHIFT F in Windows, or CMD + SHIFT + F in Mac to search for the Av_Responsive_Images in every files in the theme.

You can also assume that every template that is using the get_the_post_thumbnail or the wp_get_attachment_image function will render responsive images or an image with the srcset attribute.

Best regards,
Ismael

Hey Renko,

Thank you for the inquiry.

This is actually a known issue with the Visual Artist demo and its parallax backgrounds. The sections do not look the same on mobile view because parallax effects are automatically disabled.

We usually recommend the following css code to fix the background, but it will also disable the fixed effect and background images will just scroll with the page.

@media only screen and (max-width: 1024px) {
#top .avia-bg-style-fixed .av-parallax{
	background-attachment: scroll !important;
	background-size: cover !important;
    }
}

You can also create a different home page for mobile view without the parallax effect. To assign a different page for mobile, you can try this script.

// redirect home page on mobile
add_action( 'wp_footer', 'ava_wps_params', 9999 );
function ava_wps_params() {
    ?>

	<script>
	if (window.location.pathname == '/' && jQuery(window).width() <= 767) {
	   window.location = "/newpage/";
	}
	</script>

    <?php
}

From: https://www.wpstud.io/show-different-homepage-mobile-devices/

Best regards,
Ismael

Hey jfoahs04,

Thank you for the inquiry.

Did you configure the event style in the customizer?

// https://theeventscalendar.com/knowledgebase/k/wordpress-customizer/

If you want to add a background behind the event container, this css code should help.

.tribe-common-l-container.tribe-events-l-container {
    background: #ffffff;
}

Best regards,
Ismael

Hi,

Thank you for following up.

There is a closing tag at the very end of the functions.php file, so we removed it and added the script. We also removed the code block from the what-we-do page. It is working properly now.

Please make sure to purge the cache and hard refresh the page.

Best regards,
Ismael

Hi,

Thank you for the info.

We were able to access the site and get to the dashboard, but when we go anywhere, we get this message, which seems to be a maintenance notice.

Wegen Wartungsarbeiten ist diese Website kurzzeitig nicht verfügbar. Schau in einer Minute nochmal vorbei.

Please make sure that the account is an admin, or try to temporarily disable the maintenance plugin.

Best regards,
Ismael

Hi,

Thank you for following up.

It works, but only in the main menu

Glad to know that it is partially working. To remove the language switcher from the top bar or from the secondary menu, we added this bit in the snippet above.

       remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10 );
        remove_action( 'ava_main_header_sidebar', 'avia_wpml_language_switch', 10 );

Please try it again.

Best regards,
Ismael

Hi,

The images in the portfolio page of both Magyar and Deutsch languages are displaying properly on our end. (see private field)

Where and how can we reproduce the issue? If you are using the Polylang plugin, please check the following documentation.

// https://polylang.pro/doc/working-with-media/

Best regards,
Ismael

Hey dithinks,

Thank you for the inquiry.

Which part of the footer are you trying to adjust? Is it the copyright text? Please note that each language has its own theme options and requires separate configuration.

Best regards,
Ismael

Hi,

Thank you for the update.

Add this snippet in the functions.php to render the flags inside the header.

function ava_icl_language_selector(){
	$langs = array();
	$languages = function_exists('icl_get_languages') ? icl_get_languages(): [];
	foreach($languages as $l){
		$langs[] = '<a href="'.$l['url'].'">'.$l['code'].'</a>';
	}
	echo "<div id='av-custom-lang-switcher'>";
	echo join(' ', $langs);
	echo "</div>";
}
add_action('ava_main_header', 'ava_icl_language_selector');

Then use this css code to adjust the position of the switcher.

#av-custom-lang-switcher {
    position: absolute;
    right: 50px;
    bottom: 0;
}

Best regards,
Ismael

Hi,

Thank you for the info.

There is an extra “a” after the “be” in the site URL above, which is why it did not work previously.

How did you implement the Google Analytics? We checked the Enfold > Google Services > Google Analytics Tracking Code field, but it is empty. Please note that the privacy option can only detect and prevent the tracker if it is implemented through the Theme Options. If you are using a third party plugin to enable the tracker, the privacy options will not be able to block it.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to increase the height of the column to 450px because the initial height of the first slider inside the TECHNOLOGY section is 434px. You will also have to adjust this height on different screen sizes using css media queries.

Please do not forget to toggle the Performance > File Compression settings qfter adding the css code and purge the cache before testing.

Best regards,
Ismael

Hi,

Unfortunately, that is not possible without significant modification in the theme. The function or script js > avia.js > avia_hover_effect requires an actual image element, which is not available in the milestone bullet because the image is applied as background. You may have to continue using the css code that we recommended above.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

The snippet that recommended above will just disable the debug mode and hide the warnings. Can we access the site? Please post the login details in the private field, and make sure that the Appearance > Editor panel is accessible.

Best regards,
Ismael