Hi,
Sorry for the late reply, are you trying to have the video autoplay & loop on mobile? I ask because getting the video to autoplay for mobile may not be possible for all devices, due to browser limitations, but the loop should work.
I also notice that your video link is in this format https://youtu.be/Kohi7wu-P74 please try this format instead https://www.youtube.com/watch?v=Kohi7wu-P74

Best regards,
Mike

Hi,
Sorry for the late reply, the middle section of your post above looks like a response from your plugin author, first it asks to disable the pre-loading script, which you can do at Enfold Theme Options > Theme Options > Page Preloading, then doing this it says you will then see the “SOAP WSDL” error.
Then it says you should ask your “server provider” to enable this function.
So at this point they are asking you to contact your web hosting to enable “SOAP WSDL” on your server, please try contacting your webhost to do this.
I’m not sure how your Virtual POS plugin is using SOAP WSDL, but hopefully following their advice will help you.

Best regards,
Mike

Hey brunet77,
Sorry for the very late reply, did you set the Enfold > Privacy & Cookies > Default Cookie Behaviour to the first option? The option will enable all cookies by default, and thus enable the services such as google analytics. Try to set it to the third option (User must accept and must opt-in, only essential cookies selected).

Best regards,
Mike

Hi,
Entschuldigen Sie die sehr späte Antwort, da ich die Frage verstehe, die Sie wissen wollten, warum Sie eine Größe für die SVGs festlegen müssen. Dies liegt daran, dass SVGs keine Pixelgröße haben wie Bilder. WordPress unterstützt SVG noch nicht nativ. Wenn dies der Fall ist, bin ich sicher, dass dieses und andere SVG-Probleme behoben werden. Ich glaube, dies ist ein Thema, das im Kern und nicht von einem Thema aus behandelt werden sollte.
Bitte beachten Sie, dass Sie in Ihrem obigen Codebeispiel einem Bild eine ID gegeben haben, diese jedoch auf jeder Seite nur einmal verwenden sollten. Stattdessen sollten Sie den Bildern eine Klasse geben, die auf jeder gewünschten Seite so oft verwendet werden kann.

— Translated with Google —

Sorry for the very late reply, as I understand the question you wanted to know why you must set a size for the SVG’s, this is because SVG’s don’t have a pixel size as images do. WordPress doesn’t support SVG natively yet, when they do I’m certain this and other SVG issues will be sorted out. I believe this is an issue that should be addressed at the core and not from a theme.
Please note that in your code example above you gave an ID to an image, but you should only use an ID once on any page. Instead, you should give the images a class, which can be used as often on any page you wish.

Best regards,
Mike

Hey Asterios,
Sorry for the very late reply, I installed Modern Events Calendar Lite & WooCommerce and found the error for the broken monthly view. To correct please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.mec-month-container > dl > dt {
	clear: right !important;
}

Then disable Enfold Theme Options > Performance > JS & CSS file merging and compression and enable Enfold Theme Options > Performance > Delete old CSS and JS files and the clear any caching plugins and your browser cache, and then check.
If this doesn’t help then please create a test page with the Modern Events Calendar shortcode for the monthly view so we can examine it.

Best regards,
Mike

Hey Stilecatalini,
Sorry for the very late reply, this sounds like you are experiencing the fixed background limitation of the mobile IOS.
You will need to change the background to scroll for these devices. Please try this css in your General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 1024px) {
.avia-safari #top .avia-full-stretch{
background-attachment: scroll !important;
}
}

Then clear your browser cache and check.
Or you can try this technique.
If this doesn’t help then please link to a page with the issue.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the login. I first tested your page with Chrome on Windows 10 and found the late loading elements, the adjustments I would recommend is to not load jQuery in the footer at Enfold Theme Options > Performance > Load jQuery in your footer, if you are going to use the “a3 Lazy Load” plugin you should disable the Enfold Theme Options > Performance > Lazy Loading option, but I would recommend first disabling the plugin and use the theme option to ensure the late loading is not caused by the plugin.
Please try these changes and then deactivate your Enfold Theme Options > Performance > JS & CSS file merging and compression and enable the Enfold Theme Options > Performance > Delete old CSS and JS files Then clear your browser cache and check.

Best regards,
Mike

Hey Daniel,
Sorry for the late reply, and thanks for the link to your site, I see that you are using v4.7.6.3 which creates a pagination link like: /blog/page/2/
Please try updating to v4.7.6.4, you should find the link structure is now like: /blog/?avia-element-paging=2

There had been some scripts posted to adjust the pagination in other threads, if you added any of these to your functions.php please remove them, they were temp fixes. I assume you are not using these, but I wanted to point that out anyway.

Best regards,
Mike

Hi,
Thank you for the feedback, this has been reported to the dev team, once we hear back we will reply here. Thank you for your patience.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the login, I tested your page image links but I found that some of them are being redirected with your Yoast plugin, please check your “Redirects – Yoast SEO” options and remove the appropriate entries.

Best regards,
Mike

Hey rixi,
Sorry for the very late reply and thanks for the link to your page.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 630px) { 
	#top #plugins .av-section-tab-title {
    padding: 5px 10px 0px 10px !important;
    width: 18% !important;
}
#top #plugins .av-tab-section-tab-title-container {
	    background-color: #F1F1F1 !important;
}
#top #plugins .av-inner-tab-title {
	    font-size: 10px !important;
}
#top #plugins .avia-tab-title-padding-none .av-outer-tab-title {
    left: 12px !important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, I tried setting min heights for the color sections that contain plugin shortcodes, without success.
I note the menu highlighting seems fine until “Venue” and then all menu items after are offset by one.
I also see that you are getting an error in the browser console because your child theme functions.php is pointing to a file avia-snippet-sticky-header.js that doesn’t exist with this:

add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
function wp_change_sticky_header_script() {
   wp_deregister_script( 'avia-sticky-header' );
   wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
}


add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

I commented this out as you don’t have a child theme /shortcodes/ directory, nor an /js/ directory.
Then I added this code as a workaround:

function custom_script() { ?>
    <script>
(function($){
  $(document).ready(function(){
  	$.fn.isInViewport = function () {
    let elementTop = $(this).offset().top;
    let elementBottom = elementTop + $(this).height();

    let viewportTop = $(window).scrollTop();
    let viewportBottom = viewportTop + $(window).height();

    return elementBottom > viewportTop && elementTop < viewportBottom;
};
  $(window).scroll(function () {
    if ($('#venue').isInViewport()) {
    	$('li#menu-item-138').addClass("current-menu-item");
    	$('li#menu-item-139').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-138').removeClass("current-menu-item");
        
    }
    if ($('#hotel').isInViewport()) {
    	$('li#menu-item-139').addClass("current-menu-item");
    	$('li#menu-item-138').removeClass("current-menu-item");
    	$('li#menu-item-140').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-139').removeClass("current-menu-item");
        
    }
    if ($('#team').isInViewport()) {
    	$('li#menu-item-140').addClass("current-menu-item");
    	$('li#menu-item-139').removeClass("current-menu-item");
    	$('li#menu-item-141').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-140').removeClass("current-menu-item");
        
    }
    if ($('#sponsors').isInViewport()) {
    	$('li#menu-item-141').addClass("current-menu-item");
    	$('li#menu-item-140').removeClass("current-menu-item");
    } else {
    	$('li#menu-item-141').removeClass("current-menu-item");
        
    }
});
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

This seems to be working well for desktop, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, for your biography page I see that you have a color section with a background image, with a 2/3 text block in the color section. With this setup at 768px (tablet) the text is over about half of your image (1)
as the screen width becomes larger the text floats to the right until the text is next to the image, as in your friend’s screenshot.
On my desktop the text is just a little over the image and looks good, perhaps adding a transparent background color to the text would help display the text better, but this would not help when the text is over most of the image.
Your mobile solution works well.
Anyways, I would suggest using a grid row element, with two cells, and the image on the left and the text on the right, this will help keep the text off of the image (2)
I created a test page to show what I mean, please see the link in the Private Content area.
So please review this and see if this might work for your vision of your site.
Merry Christmas and a Happy New Year 🎄

Best regards,
Mike

Hi,
Glad to hear you were able to correct this manually, I can imagine it was not fun, but it is better to correct the HTML tags than try to use css to just change the color. Well done, we will close this now. Thank you for using Enfold.
Merry Christmas and a Happy New Year 🎄

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike