Hi bemodesign,

You can autoplay it but you’ll need to host your video file and it must be muted.
Please do the following:
1. In your WordPress Dashboard, go to Media > Add New
2. Upload your video (in mp4 format)
3. Click Copy URL to clipboard button
4. Go to your page and edit the Color Section
5. Go to Styling > Background Video > Background Video then paste the URL that you have copied.

Best regards,
Nikko

Hi Hans Woutersen,

Can you try to disable any caching plugin? also try temporarily disabling other plugins as it may just be some plugin conflict.
If that also does not help, please provide us with a login link to your site and admin credentials, then post it to private content, so we can try to inspect the issue.

Best regards,
Nikko

Hi Ryan,

Thanks for contacting us!
1. Yes, the latest version of Enfold support PHP 8.
2. It does not really affect the design, however, if the theme has a child theme with modifications (like in header.php or footer.php) then those files will need to get updated as well.
But we always suggest to backup the site first before doing updates, also, to make risk lesser, create a staging site and perform the updates there first, to see if the update goes well without affecting the live site.

Best regards,
Nikko

Hi davidv126,

Thanks for providing us a staging site.
I have updated the child theme and removed this code in it which caused some js errors:

function custom_aria_role_for_burger_menu()
{
    ?>
    <script>
        (function ($) {
            $('.av-burger-menu-main').each(function () {
                $(this).attr('role', 'menuitem');
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'custom_aria_role_for_burger_menu');

and replaced it with (basically the same function but the new code does not depend on jquery library):

function custom_aria_role_for_burger_menu()
{
    ?>
    <script>
        (function() {
			var elements = document.querySelectorAll('.av-burger-menu-main');
			elements.forEach(function(element) {
				element.setAttribute('role', 'menuitem');
			});
		})();
    </script>
    <?php
}
add_action('wp_footer', 'custom_aria_role_for_burger_menu');

the remaining js error is coming from WP admin bar which I can’t find a way to fix.
Other js errors was fixed after disabling plugins and enabling it back, which most likely is some caching issue.
Please review your site.

Best regards,
Nikko

Hi Martin,

Thanks for giving us admin access.
I tried to duplicate the subpage and it seems to be working well, I have posted in private content the duplicates.
And it seems to be working properly.

Best regards,
Nikko

Hi Stilecatalini,

I don’t have a working solution at the moment.
Also, Guenni007 is not a moderator but also an Enfold user, so he won’t be able to see links posted in private content.

Best regards,
Nikko

Hi Jason,

Thanks for giving the links, I tried to check both but the 1st link seems to be blurry in all sizes (I have included a link in private content).
I also inspected it and images used are not the small ones and it’s not stretched as well.
As for sizes=”(max-width: 450px) 100vw, 450px” it simply means when the width is 450px or lower (which is applicable to mobile phones in portrait mode), make the size of the image 100vw with fallback of 450px which is basically 100% width of the screen.
You can verify it in https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/#using-srcset

Using srcset with width (w) descriptors like this means that it will need to be paired with the sizes attribute so that the browser will know how large of a space the image will be displaying in. Without this information, browsers can’t make smart choices.

The 2nd link you gave does not look blurry on my end.

Best regards,
Nikko

Hi mbosse99,

Please replace the last code I gave, with this one:

.html_modern-blog .avia-content-slider .slide-entry-title {
    font-weight: normal;
    letter-spacing: 0;
    line-height: 0;
}

#top h3.slide-entry-title a {
    line-height: 1.4em;
}

Best regards,
Nikko

Hi Lene,

Please try to add this CSS code as well:

@media only screen and (max-width:767px) {
  #top .avia-table td {
    max-width: 140px;
    white-space: break-spaces;
  }

  #top .avia-table td strong {
    white-space: break-spaces;
  }
}

Best regards,
Nikko

Hi jakob Sibbesen,

Thanks for contacting us!
Please register first to our support forum https://kriesi.at/support/register/
You’ll just need your purchase code in order to register

And go to https://kriesi.at/support/forum/enfold/#new-post and create a new thread.
Then on that thread please provide us with temporary admin access and put the credentials in “private content”, so we can check further on the issue you mentioned.

Best regards,
Nikko

Hi acardell887,

Just let us know how it goes :)

Best regards,
Nikko

Hi Soulshakin,

The screenshot looks like the footer widget.
Can you give us a link of the page shown in the screenshot? so we can give a better CSS code.

Best regards,
Nikko

Hi Soulshakin,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #footer .av_one_fourth {
    margin-bottom: 0;
  }

  .responsive #top #wrap_all #footer .av_one_fourth .widget {
    margin: 10px 0;
  }
}

Best regards,
Nikko

Hi James,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Manfred,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko