Hi,

Sorry for the late response. Did you add this script in the functions.php file as suggested in the previous threads?

dd_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
	}, 1500);
	
	$(window).load(function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 2000);
	});
})(jQuery);
</script>
<?php
}

This should cause the gallery items to reposition and prevent them from overlapping while the images are still loading. The script should stop by itself once the images are fully loaded.

Best regards,
Ismael

Hi,

Sorry for the delay. As the description suggests, the “Essential cookies are accepted on first page load, user must opt in” option automatically stores essential cookies (e.g aviaPrivacyEssentialCookiesEnabled) in the local storage even if the user didn’t accept the cookies or opt to essential cookies using the privacy toggles, but all external cookies (e.g aviaPrivacyGoogleMapsDisabled ,aviaPrivacyGoogleReCaptchaDisabled) or cookies that controls external services are disabled by default, so users have to opt in or toggle them manually.

In the other option, users have to accept the cookies first before essential cookies can be stored in the local storage, and all external or non-essential cookies are also disabled by default, so users have to opt in or enable them manually either in the privacy policy page or the modal popup window.

Best regards,
Ismael

Hey Christopher,

Thank you for the inquiry.

We can manually add the button as an image in the caption field or adjust the style of the slider button. Have you tried doing something like that? Please post the site URL so that we can inspect the slider.

Example:

<img src="URI OF THE IMAGE BUTTON class="slider-button-custom" />

For additional style adjustment, use the custom class attribute above.

.slider-button-custom {
 /* more styles here */
}

Best regards,
Ismael

Hi,

or resolution? Is this assumption correct?

1.) Yes, that is correct. The theme will only load the predefined thumbnail because the srcset attribute is not present in the template, so you have to upload images that are big enough on any type of device. If you want, you can install a third party plugin that adds srcset attribute to images.

// https://wordpress.org/plugins/wp-retina-2x/

2.) Also correct. Uploading larger images is not necessarily bad because you can still compress them and given proper optimization on other areas of the site, it should still load fast on any device. But having the srcset attribute in the template or the image tag is still the better solution. Please try the plugin above.

Best regards,
Ismael

Hi,

Sorry for the delay. The main menu is not fully accessible without a mouse, but it’s already inside a nav tag and the menu items are wrapped inside an unordered list, so they should be properly recognized by assistive technologies as described in the documentation and you should be able to navigate using a keyboard.

// https://www.w3.org/WAI/tutorials/menus/structure/

If you want to add the role and aria-label attribute to the nav tag, edit the wp-content\themes\enfold\includes\helper-main-menu.php file and look for this code around line 170..

 $main_nav = "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";

.., then replace it with:

 $main_nav = "<nav role='navigation' aria-label='Primary'  class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";

// https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6

We can also add the role attribute to menu items by editing the wp-content\themes\enfold\includes\helper-responsive-megamenu.php, look for this code around line 270:

$attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

Below, add the role and tabindex attribute:

$attributes .= ' role="menuitem" tabindex="0"';

Best regards,
Ismael

Hey dfpg,

Thank you for the inquiry.

How did you add the search bar? If you’re using the default search bar from the theme, try to edit the wp-content > themes > enfold > searchform.php file.

	<input type="text" id="s" name="<?php echo $search_params['search_id']; ?>" value="<?php if(!empty($_GET['s'])) echo get_search_query(); ?>" placeholder='<?php echo $search_params['placeholder']; ?>' />

Best regards,
Ismael

Hi,

Sorry for the delay. You can’t use the srcset attribute for background images. It will only work on an actual image element or when using the img tag.

Example from https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images:

<img srcset="elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
     sizes="(max-width: 600px) 480px,
            800px"
     src="elva-fairy-800w.jpg"
     alt="Elva dressed as a fairy">

So it’s not going to work for the color section because the image is set as background.

Best regards,
Ismael

Hi,

We are not really sure why it’s not working in your server. Have you tried removing the transients?

// https://www.wpbeginner.com/plugins/how-to-manage-and-delete-transients-in-wordpress/

If it still doesn’t work after removing the transients, please try to update the theme manually this time.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hey Frank,

Sorry for the delay. Did you replace the ID in the snippet with the ID of the color section containing the blog posts or pagination?

var news = $('#transaksjoner'),

If the posts element is not inside a color section yet, try to move it inside one, then apply a unique section ID to the color section. You’ll find the Custom ID Attribute field in the Advanced tab of the color section. After defining the ID (e.g “custom-section”), go back to the script or snippet, look for the same line mentioned above and replace the selector with the custom ID.

var news = $('#custom-section'),

Best regards,
Ismael

Hi,

Sorry for the delay. Those are framework files, so you won’t be able to override them in the child theme. What exactly are you trying to change? We might be able to use the available filters or hooks in the files to do it.

Best regards,
Ismael

Hi,

Thank you for the info. Looks like the inline styling of the av-milestone-date is incorrect, even though they are set properly in the backend.

font-size: ,px;

We’ll forward this thread to our channel and we’ll probably provide a fix in the next patch.

Best regards,
Ismael

Hi,

Thank you for these updates. Glad to know that it’s fixed. We’ll close the thread now, but please don’t hesitate to open another if you need anything else.

Have a nice day ahead.

Best regards,
Ismael

Hi,

Sorry for the delay. We are trying to login again to the site but the connection is timing out — we can’t access it.

And regarding the snippet above, looks like this line becomes empty in the last breadcrumb trail.

$link_text = ! empty( $matches[1] ) ? $matches[1] : '';

Did you happen to check the value of that variable?

Best regards,
Ismael

Hi,

Sorry for the delay. Is there a staging or development version of the site that we can access without changing anything on our machine?

To resize the video, edit the slide, go the Styling > Video Settings, the set the Video Size to the second option. This option will force the video to stretch if necessary and cover the slider container.

Best regards,
Ismael

Hi,

Sorry for the delay. Did you install a cache or minify plugin? Try to disable those plugins temporarily, remove the cache and check if the changes displays in the preview. And what is the current PHP version in your server? Please try to upgrade to 7.3 or later versions.

Best regards,
Ismael