eegg

Yes, I can confirm this misbehavior.

for the buttons i have a quick fix:

change line:5356 in file "simple-lightbox.legacy.min.js?ver=2.10.0" to this:

return !e.currentTarget.tagName.match(/button/i) || (e.preventDefault(), r.controlCoordinates.swipeDiff = 0, void r.loadImage(e.currentTarget.classList.contains('sl-next') ? - 1 : 1))

but swiping is not fixed!

Hi, thank you for this great plugin!
I really like it but sadly, your fix for the captions is not working.

I tried different approaches:

the Caption-Type settings is always

text

These are inputs i tried for the Caption-Selector setting:

'+ figcaption'

without quotes it also throws an error (Element.querySelector: ‘+ figcaption’ is not a valid selector) :

+ figcaption 

if i just use

figcaption

it does not throw an error, but it won’t show the caption.

Thank you for your support!

you run this script before jquery is being imported. thats why it works works only when you’re logged in.

Please try this:

wp_enqueue_script('jquery');

function custom_script() {
	?>
		<script type="text/javascript">
 			jQuery(document).ready(function($) {			

				$( document ).click( function( e ){

					if( 'fas fa-align-justify' != $( e.target ).attr( 'class') ) {
						
						var id = $( '.elementor-widget-navigation-menu' ).data( 'id' );

						if( window.matchMedia( "( max-width: 767px )" ).matches ){

							var $this = $( '.elementor-element-' + id + ' .hfe-nav-menu-icon' );
							var $selector = $this.parent().next();

							if ( $this.parent().hasClass( 'hfe-active-menu' ) ) {

								var layout = $( '.elementor-element-' + id + ' .hfe-nav-menu' ).data( 'layout' );
								var full_width = $selector.data( 'full-width' );
								var toggle_icon = $( '.elementor-element-' + id + ' nav' ).data( 'toggle-icon' );

								$( '.elementor-element-' + id).find( '.hfe-nav-menu-icon' ).html( toggle_icon );

								$this.parent().removeClass( 'hfe-active-menu' );
								$this.parent().attr( 'aria-expanded', 'false' );
								
								if ( 'yes' == full_width ){

									$this.removeClass( 'hfe-active-menu-full-width' );
								
									$selector.css( 'width', 'auto' );
									$selector.css( 'left', '0' );
									$selector.css( 'z-index', '0' );
								}				
							} 		
						}
					}
				});	
			});
		</script>
	<?php
}
add_action( 'wp_footer', 'custom_script' );

Hi, i made this script to solve this problem:

jQuery(document).ready(function( $ ){
    $(".menu-item").click(function() {  //use a class, since your ID gets mangled
    $(".hfe-nav-menu__layout-vertical").toggleClass("menu-is-active");      //add the class to the clicked element
    $(".hfe-nav-menu-icon i").removeClass("fa-minus").addClass("fa-bars");
    $(".hfe-nav-menu__toggle").toggleClass("hfe-active-menu hfe-active-menu-full-width"); 
    $(".hfe-nav-menu__toggle").attr("aria-expanded","false");
  });
});

after deleting cache, it still won’t show up.

• This reply was modified 4 years, 7 months ago by eegg.

I think this problem is connected with merge scripts and styles options