Masonry gallery image number

Hey Real-3D,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.mfp-content .mfp-figure .mfp-close,.mfp-content .mfp-figure .mfp-bottom-bar {
	display: none !important; 
}
.mfp-content .mfp-figure img.mfp-img {
	padding: 0 !important; 
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear that the css worked for you, for your new request I wrote this script which will apply the css overflow-y:hidden; to the page so that it will not scroll, but I had to include a one-second delay for the mouse clicks that trigger it. It may work with a faster delay such as a half-second (500), feel free to test. When the overflow-y:hidden; takes effect the browser scroll bar will disappear, that is just how it works.
This is set to work on any page, but if you find any conflicts we can set it to work on only one page, please check and let us know.

Try adding this code to the end of your functions.php file in Appearance > Editor:

function prevent_scrolling_lightbox(){
  ?>
  <script>
(function($){
 $("a.av-masonry-entry").click(function(){
 	setTimeout(function () {
 if	($("body").hasClass("mfp-zoom-out-cur")) {
$("html").css("overflow-y","hidden");
}
else {}
 }, 1000);
});
$(document).click(function(){
 	setTimeout(function () {
 if	(!$("body").hasClass("mfp-zoom-out-cur")) {
$("html").css("overflow-y","visible");
}
else {}
 }, 1000);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'prevent_scrolling_lightbox');

Best regards,
Mike

Hi,
Unfortunately, the reason this doesn’t work correctly in IOS is due to a bug in web-kit which is out of our control.
The scrollbar being hidden when the code is activated is not intentional, it is just how the browsers handle the rule. Unfortunately, there is not an official rule to stop the scrolling and show the scrollbar, or the other way around.
This is because the css and javascript effects the content of the web browser, a webpage, not the browser itself.
For example, think of a MS Word document that would change the MS Word toolbar when opened.
I hope this makes sense.
Perhaps there is a different way to do this, but this would require excessive customization to work. Sorry, this would be more than we can offer here, If you really want this try hiring a freelancer, you could probably find one on Upwork for a fair price.

Best regards,
Mike

Hi,
Hopefully, we were able to help some, 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