Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,

Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update and clarification. I’m not sure I fully understand what you are looking for, but it sounds like you want lazy loading? If so, then you can set and activate that under Enfold->Performance. Look for the Responsive Images And Lazy Loading option.

Best regards,
Rikard

Hey!

UPDATE: You will have to modify the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js
file as well, around line 309, look for this code.

	_self.player = new YT.Player(_self.$video.attr('id'),
					{
						videoId: params.videoid,
						height: _self.$video.attr('height'),
						width: _self.$video.attr('width'),
						playerVars: params,

Then add the host parameter like so.

	_self.player = new YT.Player(_self.$video.attr('id'),
					{
						videoId: params.videoid,
						height: _self.$video.attr('height'),
						width: _self.$video.attr('width'),
						playerVars: params,
                        host: 'https://www.youtube-nocookie.com',

Based on: https://stackoverflow.com/questions/56225247/enforce-nocookie-mode-when-using-the-youtube-iframe-api

Best regards,
Ismael

Hey ussma,

Thank you for the inquiry.

You may need to use this css code to hide the masonry content on mobile view.

@media only screen and (max-width: 767px) {
    .av-inner-masonry-content.site-background {
        display: none;
    }
}

Or this css code to convert the caption container to an overlay with a transparent background.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .av-inner-masonry-content.site-background {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
  }

  .av-masonry-entry .av-masonry-entry-title {
    color: #ffffff;
  }
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css. Let us know if this helps.

Best regards,
Ismael

Hi,

You may need to modify the themes/enfold/js/avia.js file and look for this code around line 866.

if( newHash != '' && newHash != '#' && newHash != '#prev' && newHash != '#next' && !clicked.is('.comment-reply-link, #cancel-comment-reply-link, .no-scroll'))
					{

Replace it with:

if( newHash != '' && newHash != '#' && newHash != '#prev' && newHash != '#next' && !clicked.is('.comment-reply-link, #cancel-comment-reply-link, .no-scroll') && !clicked.parent().is('.av-width-submenu'))
					{

Please toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards. Let us know if this works.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

You have to modify the enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-slideshow.php file, look for the which_video_service function and this code around line 1389.

if( strpos( $video_url, 'youtube.com/watch' ) !== false || strpos( $video_url, 'youtu.be/' ) !== false )
				{
					$service = 'youtube';
				}

Replace it with:

if( strpos( $video_url, 'youtube-nocookie' ) !== false || strpos( $video_url, 'youtube.com/watch' ) !== false || strpos( $video_url, 'youtu.be/' ) !== false )
				{
					$service = 'youtube';
				}

Best regards,
Ismael