Hi,

Did you use the css code that we recommended previously? We provided it on an older thread.

// https://kriesi.at/support/topic/keep-header-transparent-logo-on-mobile-on-scroll/#post-1335565

Best regards,
Ismael

Hey Vanini,

Thank you for the inquiry.

We are able to reproduce the issue on a simulator but we are not yet sure what is causing it. What we noticed is that the toggler has an extra custom class name “hasCustomColor“, which is not added by the theme. Did you install a css or styling plugin?

This is the html of one of the togglers.

<p data-fake-id="#toggle-id-2" class="toggler   av-inherit-font-color hasCustomColor av-inherit-border-color" itemprop="headline" role="tab" tabindex="0" aria-controls="toggle-id-2" style="">AUSSTELLUNGEN<span class="toggle_icon"><span class="vert_icon"></span><span class="hor_icon"></span></span></p>

The class name hasCustomColor is not from the theme.

Best regards,
Ismael

Hi,

Thank you for the update.

Please note that fixed backgrounds are not supported on iOS devices by default. You may need to switch the background attachment back to “scroll”, or add this css code to adjust it on mobile view.

.avia_mobile .avia-full-stretch {
    background-attachment: scroll !important;
}

.avia-bg-style-fixed {
    background-attachment: scroll !important;
}

Best regards,
Ismael

Hey NicoleVA,

Thank you for the inquiry.

Have you tried hiding them on desktop view? Just edit the element, go to the Advanced panel, then toggle the Responsive Settings > Element Visibility options. By doing this, you can hide the element on certain screen sizes or display another element instead.

Best regards,
Ismael

Hi,

Thank you for the info.

It is not working because of the code block that is located at the very top of the page which contains the layer slider shortcode. This breaks the layout of the page and pushes the next sections outside the main container. We replaced the code block with the actual Layer Slider element from the Media Elements tab.

Best regards,
Ismael

Hi,

Thank you for the update.

It seems to be working correctly on our end. We provided a screenshot in the private field. You may need to temporarily disable or toggle the Enfold > Performance > File Compression settings and purge the cache in order to load the new script.

Best regards,
Ismael

Hi,

Thank you for the clarification.

Try to add this filter in the functions.php file to add an alt attribute to the link element with the av-contains-svg class name.

add_filter( 'avf_logo_final_output', function($logo, $use_image, $headline_type, $sub, $alt, $link, $title) {
    preg_match_all('/<svg(.*)>(.*)<\/svg>/mis', $logo, $output_array);
    $image = $output_array[0];

    if(strpos($image[0], "svg")) {
        $logo_img = $image[0];
        $logo = "<{$headline_type} class='logo avia-svg-logo'><a href='{$link}' alt='logo' class='av-contains-svg'>{$logo_img}{$sub}</a></{$headline_type}>";
    }

    return $logo;
}, 10, 7);

If you want to adjust the alt attribute value, just look for this line.

<a href='{$link}' alt='logo' 

Best regards,
Ismael

Hi,

We just deactivated the plugins and the pages displayed their actual content. Not really sure what happened there, might be the cache. But we are glad that it is working correctly now. Please let us know if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Unsure why Enfold wouldn’t clear this after related options are updated

The cached file is probably generated by a cache or compression plugin, so the theme will not be able to delete it. You may have to manually purge the cache or toggle the file compression settings from the plugins’ options panel.

If you have more questions, please feel free to open another thread. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

You should find the icons at the very bottom of the list. Please check the screenshot in the private field. We also created a test page.

Best regards,
Ismael

Hey Dominique ,

Thank you for the inquiry.

It is probably referring to the support license. The theme license will NOT expire but the support license will have to be renewed every 6 or 12 months. You have to extend the support for this duration, retrieve the support license key in your Themeforest account and register it here in the forum. I hope that helps.

Best regards,
Ismael

Hi,

Alright! Please feel free to open another thread if you have more questions. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Sorry for the delay. We added this script in the functions.php file temporarily to append the “choose” button in the date picker container.

function ava_custom_script() { ?>
    <script>
		(function($) {
			$(document).ready(function() {
						$('<legend><span class="label">Date</span>: <small class="wc-bookings-date-picker-choose-date">Choose...</small></legend>').prependTo('.wc-bookings-date-picker');	
			});
		})(jQuery);
	</script>
    <?php
}
add_action('wp_footer', 'ava_custom_script');

You can now remove the css above.

Best regards,
Ismael

Hi,

According to the report above, the issue is with preloader script in the aviapoly.js file. You have to ask the developer if they can locate why the above error occurs and fix it. We recommend Codeable or any freelance developers from job sites like Upwork.

If you have more questions regarding Enfold, please feel free to open a new thread. We will close this thread for now.

Thank you for your understanding.

Best regards,
Ismael

Hi,

Do you have a fix for the non-home pages so the size stays the same ?

Have you tried applying custom ID or class names to the sliders? You can use those attributes to directly modify an element with css or a custom script. If you haven’t done this before, please edit one of the sliders, go to the Advanced > Developer Settings toggle, then input your preferred custom ID or class name in the provided fields.

For example, in the Custom CSS Class field, use “av-transitionintl-slider”, then save the element. We can now use this class name to directly adjust that particular element or slider. In the script that @mike provided above, look for this line..

$('#top.home #full_slider_1 .avia-slideshow-inner').each(function(){  

and replace it with..

$('#top .av-transitionintl-slider .avia-slideshow-inner').each(function(){  

You may need to adjust the css as well.

.av-transitionintl-slider .avia-slide-wrap,
.av-transitionintl-slider .av_slideshow_full .av-slideshow-caption {
    max-height: 480px;
}

You might have noticed that we replaced “.home #full_slider_1” with the new css class name or selector. If you want to adjust the other sliders or apply the same modification to them, just apply the same class name to them “av-transitionintl-slider”, or use a different one and another css for it.

Best regards,
Ismael