Ismael,

The popup appears after a scroll depth of 25% or if you click on “mailing list” from the menu. The form that should appear in the popup is the same one that is shown at the very bottom of the page under “join our mailing list.”

Hi Ismael,

Thank you. You are also helping me with the shrinking sidebar on this site.

I added the login credentials to the private content.

-James

• This reply was modified 9 months, 3 weeks ago by nTECHgrate.

Ismael,

Thank you, sir. This is so close. Your update does remove the the original logo now, which is great, but it no longer loads the secondary one.

video here

-James

• This reply was modified 9 months, 3 weeks ago by nTECHgrate.

Guenni007,

Thank you for the tip. That is a great tool to add to the toolbox.

-James

Thank you Guenni007,

I know just enough about this to break things (which is how I learn best).

When I try to use your code, I receive the following error message:

Your PHP code changes were not applied due to an error on line 55 of file wp-content/themes/enfold-child/functions.php. Please fix and try saving again.
syntax error, unexpected ‘$’, expecting variable (T_VARIABLE)

This worked.

Thank you.

Ismael,

Thank you for the quick reply. I tried this already, and unfortunately, it doesn’t work. The partner/logo element does not scroll on mobile devices. I was able to find other tickets about this and found a thread that puts two logos in a row instead of just one, but they are static:

/* partner element styling on mobile */
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
margin-left: 0;
width: 50% !important;
float: left;
clear: none !important;
}
}

While this is better than the default single large image on mobile, it takes up too much real estate on a phone and is not what I’m looking for. Do you have any idea how to display two logos in a single row and make them scroll?

Thanks again

-James

Ismael,

I was able to cut my negative CLS score in half by removing the values I set in Image -> Advanced -> Position -> Location, and instead using a white space element. (just an FYI)

Regarding the fade animation settings, I was trying to remove that to test your theory, but no animation value is set. Any idea where that is coming from?

-James

Nikko,

I just went back and tested it in three different browsers, all of which I cleared the cache on first. It works fine in Chrome but not in Safari or Firefox. Which browsers did you use?

-James

You can close this ticket.

Thank you.

Hey Mike,

Thank you for your continued support with this. I do not know how to obtain the item number, so I would greatly appreciate instructions on how to get this info. I have a couple pages that I need to fix this on, and this will be an ongoing issue for this client:

https://jamesj100.sg-host.com/new-mexico-orthopaedics/
https://jamesj100.sg-host.com/century-bank/

Do you all consider this a bug? If so, is it on the roadmap to be fixed? I’m concerned that in future updates, this will break…

-James

That did it!!!!

Thank you so much for your help.

-James

Mike,

I am still a bit foggy about what I am supposed to do here. Can you please confirm:

1. add the following code to the custom PHP file within my child theme:
function handle_lightbox_groups_in_gallery(){
?>
<script>
(function($){
$(window).on(‘load’,function() {
$(‘.group-1 .lightbox-added’).attr(‘data-group’, ‘1’);
$(‘.group-2 .lightbox-added’).attr(‘data-group’, ‘2’);
$(‘.group-3 .lightbox-added’).attr(‘data-group’, ‘3’);
$(‘.group-4 .lightbox-added’).attr(‘data-group’, ‘4’);
$(‘.group-5 .lightbox-added’).attr(‘data-group’, ‘5’);
$(‘.group-6 .lightbox-added’).attr(‘data-group’, ‘6’);
$(‘.group-7 .lightbox-added’).attr(‘data-group’, ‘7’);
$(‘.group-8 .lightbox-added’).attr(‘data-group’, ‘8’);
// …

var groups = {};
$(‘.lightbox-added’).each(function() {
var id = parseInt($(this).attr(‘data-group’), 10);
if(!groups[id]) {
groups[id] = [];
}
groups[id].push( this );
});

$.each(groups, function() {
$(this).magnificPopup({
type: ‘image’,
mainClass: ‘avia-popup mfp-zoom-in mfp-image-loaded’,
closeOnContentClick: false,
closeBtnInside: false,
gallery: { enabled:true }
})
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘handle_lightbox_groups_in_gallery’);

2. add ____ to the custom CSS field on each image on a given page
????

Thanks

This is perfect!!!

Thank you.

-James