Hi,
Sorry for the late reply, and thanks for the video. You have a .2s transition for the buttons, please try correcting with this css.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.cd-shop-add-to-cart {
    transition: 0s !important; 
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hey NorthcoastProject,
Sorry for the late reply, thanks for the login but it didn’t work for me, please check. Unfortunately, you can not open a lightbox with an anchor link, but this script will trigger your slideshow lightbox when it scrolls into view, which can be done with the anchor link, so when you click the anchor link and scroll to the ID the lightbox is triggered. I had to add a 500ms delay because the lightbox opened too quickly and was positioned too high on the page, so it was not in view.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
function isOnScreen(elem) {
	if( elem.length == 0 ) {
		return;
	}
	var $window = jQuery(window)
	var viewport_top = $window.scrollTop()
	var viewport_height = $window.height()
	var viewport_bottom = viewport_top + viewport_height
	var $elem = jQuery(elem)
	var top = $elem.offset().top
	var height = $elem.height()
	var bottom = top + height

	return (top >= viewport_top && top < viewport_bottom) ||
	(bottom > viewport_top && bottom <= viewport_bottom) ||
	(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom)
}

jQuery( document ).ready( function() {
	window.addEventListener('scroll', function(e) {
		if( isOnScreen( jQuery( '#slideshow-adventurer' ) ) ) { 
			 setTimeout(function () {
			jQuery('#slideshow-adventurer a').trigger('click'); 
			 }, 500);
 		}	
	});
});
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Sorry for the late reply, I have not seen any working solutions to this, I think WordPress is discouraging this.

Best regards,
Mike

Hi,
I’m not sure what happened to your site before, but if you would like to remove your slugs please see this documentation and use the lite version of this plugin.

Best regards,
Mike

Hey NiekvdB,
Sorry for the late reply, unfortunately, your screenshot now leads to a 404 so we can’t see this, but from your description you would like your woocommerce sidebar category menu to show as a drop down menu, but I don’t see an easy way to do this other than using css to hide the child items until the parent has the hover event, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.widget_product_categories li.cat-item-20.current-cat ul.children {
	display: none;
}
.widget_product_categories li.cat-item-20.current-cat:hover ul.children {
	display: block;
	border: solid 1px;
}

how it looks on-hover:

You can remove the border from the css if you wish.
Please note that the child items only show when you are on the page in the Private Content area.

Best regards,
Mike

Hey GWS,
Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.socket-brand {
	z-index: 20;
    position: relative;
}
#socket > .container {
	z-index: 0;
    position: relative;
}

Best regards,
Mike

Hey Bertrand,
Thanks for the link, it looks like your Gravity form plugin is adding an empty div for the datepicker at the end of your site

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>

Perhaps the plugin wanted to add this to the form but it’s been added to the “body” of the page.
I’ve tried changing it’s visibility with different tricks but this also hides the datepicker.
Please try contacting Gravity form, perhaps they have a solution for this.

Best regards,
Mike

Hi,
As I’m sure you are aware, the “scroll-top-link” doesn’t show on mobile screens by default, so you would need to use some css like this for it to show:

@media only screen and (max-width: 767px){
.responsive #scroll-top-link {
    display: block;
}
}

But for your question to have the button show when the scroll reaches 75% of the page, after you apply the css please edit \wp-content\themes\enfold\js\avia.js on line 862 you should find if(st < 500) change to if(st < $(document).height()*0.75)
Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey Panait Mihai Vlad,
I have deleted it for you.

Best regards,
Mike

Hi,
Glad to hear this helped, this is just due to having a menu item pointing to a popup hidden on the page, probably don’t do that often.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hey williamslyd,
Sorry for the late reply, I tried looking at the page you linked to but it’s leading to a 404 now, do you have a current example that we can view?

Best regards,
Mike

Hi,
Sorry for the late reply, to add the title below the lightbox popup Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(window).load(function(){  
      $('a.aviaccordion-slide-link.lightbox-added').magnificPopup({
      type: 'image',
      image: {
          titleSrc: false,
          markup: '<div class="mfp-figure">'+
                    '<div class="mfp-close"></div>'+
                    '<div class="mfp-top-bar"></div>'+
                    '<div class="mfp-img"></div>'+
                    '<div class="mfp-bottom-bar">'+
                      '<div class="mfp-title"></div>'+
                      '<div class="mfp-counter"></div>'+
                    '</div>'+
                  '</div>',
      },
      mainClass:          'avia-popup mfp-zoom-in mfp-image-loaded',
      closeOnContentClick:  false,
      midClick:         true,
  
      gallery: {
        enabled:      true
      },
  
      callbacks: {
      markupParse: function (template, values, item) {
        values.title = item.el.find('img').attr('alt') + '<br>' + item.el.closest('.aviaccordion-slide-link').find('.aviaccordion-image').text();
      },
  
      // this - is Magnific Popup object.
          change: function() {
              $(this.content)
                  .find('.mfp-top-bar')
                  .html(
                      '<h2>' +
                          $(this.currItem.el).attr('title') +
                      '</h2>'
                  );
          },
          buildControls: function() {
            // re-appends controls inside the main container
            this.arrowLeft.appendTo(this.contentContainer);
            this.arrowRight.appendTo(this.contentContainer);
          },
      },
    }); 
    // close the iframe window
    $(document).on('click', '.popup-modal-dismiss', function (e) { 
      $.magnificPopup.close();
    });
  });
  })(jQuery);
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

Then please add your title to the “Alternativer Text” field in your media library for each image:

the alt field used as the lightbox “title”

Best regards,
Mike

Hi,
Sorry for the late reply, I have adjusted the script so to social icons show in the burger menu only for mobile devices.
I recommend that you disable your css that makes the social icons show in the header on mobile, since you only want them to show in the burger menu for mobile.

function ava_custom_script_mod_social(){
	?>
<script>
(function($){
      var int = '';
      function a() {
          var isMobile	 = $('.av-burger-menu-main').css('display'),
              htmlString   = $('#header_main .social_bookmarks').find('li a'),
              mobileMenu   = $('.av-burger-overlay'),
              socialString = [];
              width = $(window).width()
  
              
              if($('.burger-social').length) clearInterval(int);
              if(width <= 768) {
  
              htmlString.each(function() {
                  var socialClass	= $(this).parent('li').attr('class'),
                          socialItems = $(this).wrap('<li class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
                  socialString.push(socialItems);
              });
  
              $(socialString).each(function() {
                  $(this).clone().appendTo('#av-burger-menu-ul');
              });
      }else{}
      }
  
      $('#header').on('mousedown', '.av-main-nav-wrap', function() {
          int = setInterval(function() {
              a();
          }, 500);
      });
  
  })(jQuery);
  </script>
	<?php
	}
	add_action('wp_footer', 'ava_custom_script_mod_social');

If this doesn’t help, please include an admin login in the private content area so we can adjust the script directly.

Best regards,
Mike

Hi,
Thanks for the login, I disabled your Enfold Theme Options > Performance > JS & CSS file merging and compression and then re-enabled to clear your site cache, and now the error is not occurring, please clear your browser cache and check.

Best regards,
Mike

Hi,
The code above is a working example with the slug “meet-the-team”, Please include an admin login in the Private Content area and the test page you wish to use.
Perhaps you are missing a bracket from the code.

Best regards,
Mike