Hi,

Unfortunately, this is not possible due to the following reason.

Video on most mobile devices can’t be controlled properly with JavaScript, so you can upload a fallback image which will be displayed instead. This image is also used if lazy loading is active.

You will have to upload a fallback image in place of the video on mobile view.

You could also hide the slider on mobile view and display an actual video element instead. Or use the Layer Slider element instead.

Best regards,
Ismael

Hi,

I want a user to click on “play”, then the video starts, but it does not play, it links

Thank you for the clarification. This is still an issue with the privacy options, which prevents videos from playing directly in the site when the privacy option is not accepted. Try to disable the privacy options temporarily or we suggested previously, try to set the Default Cookie Behavior to the first or second option, remove the cache and check the page again. The video should play directly in the site then without opening an external link.

Best regards,
Ismael

Hi,

We see this error in the console but it does not say exactly which function is calling the pause function, but there is a possible fix in the provided link.

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause(). https://goo.gl/LdLk22

// https://developers.google.com/web/updates/2017/06/play-request-was-interrupted

We have also found a log in the plugin’s frontend.js file.

ar P = function(b, d) {
        c(b).parents(".mg_box").hasClass("mgi_shown") ? (c(b).hasClass("mg_muted_autoplay") && d.setMuted(!0),
        console.log("test"),
        d.play()) : setTimeout(function() {
            P(b, d)
        }, 100)
    };
    mg_audio_play

Did you add the console.log?

Best regards,
Ismael

Hi,

I’d still like menu to disappear when I click it

Yes, we understand but unfortunately that is not how the mobile menu works. It stops the default behavior when it detects that the current position is the same as the target element. You could try and remove the condition that we mentioned above to alter the default behavior.

Best regards,
Ismael

Hi,

Sorry for the delay. It is possible that the plugin does not recognize background images, which is how the images in the full screen slider are used. You could try optimizing the images instead of using webp, or use a different slider.

Best regards,
Ismael

Hi,

Thank you for the update.

As Jordan said, this option is not available out of the box and might require custom modifications, but you could create a button and create a script that removes the “responsive” class name out of the html tag, which should also disable all mobile styles, presenting a desktop version of the site.

// https://api.jquery.com/click/
// https://api.jquery.com/removeclass/

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the code in the functions.php file and added another filter. The search widget is now displaying in the top bar but requires a bit of css modification.

// Header Widget in topbar
add_action( 'avia_meta_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'Header' );
};

add_filter("avf_execute_avia_meta_header", "__return_true");

Best regards,
Ismael

Hi,

Thank you for following up.

We adjusted the code a bit, increase the priority value of the hook so that the script is rendered last. This fixed the issue. (see private field)

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

You will have to override the existing css media queries and replace the max-width condition from 767px to the value that you prefer. That will require a lot of css modifications. Why do you need to change it to 820px? 767px is actually the mobile phone breakpoint. 768px to 989px to 1024px are the most common screen resolutions for tablets.

// https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Ismael

Hi,

A server error occurs whenever we try to open one of the catalogue item. The returned shortcode looks like this.

[av_catalogue+lazy_loading='enabled'+alb_description=''+id=''+custom_class=''+av_uid='av-1zajfm2'+admin_preview_bg='rgb(241,+241,+241)+none+repeat+scroll+0%+0%'][av_catalogue_item+title='Nr.1+-+DORNFELDER+-TROCKEN+'+price=''+id='738'+link=''+target=''+av_uid='av-7dn00q']<span+style="color:+#993366;">[av_hr+class='invisible'+height='6'+shadow='no-shadow'+position='center'+custom_border='av-border-thin'+custom_width='50px'+custom_border_color=''+custom_margin_top='30px'+custom_margin_bottom='30px'+icon_select='yes'+custom_icon_color=''+icon='ue808'+font='entypo-fontello'+admin_preview_bg=''+av_uid='av-1xc7xcq']2019+-+Samtig,+kräftig,+fruchtbetont+(12,5%vol.)</span>[/av_catalogue_item][av_catalogue_item+title='Nr.2+-+Blauer+Portugieser+mild'+price=''+id='738'+link=''+target=''+av_uid='av-7wjare'+disabled='']<span+style="color:+#993366;">[av_hr+class='invisible'+height='6'+shadow='no-shadow'+position='center'+custom_border='av-border-thin'+custom_width='50px'+custom_border_color=''+custom_margin_top='30px'+custom_margin_bottom='30px'+icon_select='yes'+custom_icon_color=''+icon='ue808'+font='entypo-fontello'+admin_preview_bg=''+av_uid='av-1td9r0a']2019+-+Vollmundig+–+milder+Rotwein+(11,0%vol.)</span>[/av_catalogue_item][/av_catalogue]

Please post the FTP details in the private field so that we can set the installation to debug mode. Or install this plugin.

// https://wordpress.org/plugins/wp-debugging/

Best regards,
Ismael

Hey diefleischerei,

Thank you for the inquiry.

The theme’s default Gallery element only supports captions inside a tooltip by default. You may need to use a different gallery element such as the Masonry Gallery or the default WordPress gallery shortcode. For more info about the default gallery shortcode, please check the following documentation.

// https://wordpress.org/support/article/the-wordpress-gallery/

Best regards,
Ismael

Hey krmaeo,

Thank you for the inquiry.

It works like that because the theme prevents scroll when the current position is equal to the current target position, so the state remains the same. You can find the condition in the avia.js > line 783.

if(cur_offset != target) // if current pos and target are the same dont scroll

And as user, I do not think someone would intentionally click on the same navigation or menu item twice.

Best regards,
Ismael

Hi,

Thank you for the clarification.

The columns are wider in the color section because of this css code.

.kachel_home .container {
    width: 100%;
    max-width: none;
}

This removes the maximum width limit for the color section container, which is set to 1310px.

Best regards,
Ismael

Hi,

Alright. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

That should be possible but you have to disable the product list option that applies an add to cart link to the whole item. Then replace the snippet with this one to render an actual add to cart button with a link.

add_filter("get_the_excerpt", function($excerpt, $post) {
	if(get_post_type($post->ID) == "product") {
			ob_start();
			/**
			 * hooked by: add_action( '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_single_product_summary', '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_template_single_add_to_cart', 30 );
			*/
			do_action( '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_single_product_summary' );
			$cart = ob_get_clean();

			$excerpt .= $cart;
	}
	return $excerpt;
}, 10, 2);

Best regards,
Ismael