엘레멘토 서브 메뉴 애니메이션 딜레이 제거

css 코드

selector .e--pointer-background .elementor-item:before{
    transition: .0s!important;}
    
    selector a{
         transition: .0s!important;
    }

워드프레스 > 관리자 로그인 > 관리자 대시보드 > 외모 > 테마 파일 편집기 > 테마 기능 funtions.php에 아래 코드 삽입할 것

add_action( 'wp_head', function () { ?>
	<script>

		jQuery(document).ready(function($) {

   // Get the menu instance
   // Ultimately smartmenus is expecting a <ul> input, so you need to target the <ul> of the drop-down you're trying to affect.
  var $menu = $('.elementor-nav-menu:first');

  // Get rid of the existing menu
  $menu.smartmenus('destroy');

  // Re-instantiate the new menu, with no delay settings
  $menu.smartmenus( {
      subIndicatorsText: '',
      subIndicatorsPos: 'append',
      subMenusMaxWidth: '1000px',
      hideFunction: null,
      hideDuration: 0,
      hideTimeout: 0,
	  showTimeout: 0	// timeout before showing the sub menus
  });

});

	</script>
<?php } );

add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_script( 'jquery' );
} );

이러한 코드 블록은 페이지의 모든 탐색 메뉴를 대상으로 합니다. 메뉴를 보다 구체적으로 대상으로 지정하려면 $menu를 수정하여 선택기를 포함할 수 있습니다. 예를 들어:

var $menu = $('#myspecificheader .elementor-nav-menu:first');

기간 및 제한 시간 값을 자신에게 가장 적합한 값으로 변경할 수도 있습니다.

이제 멋진 드롭다운 메뉴가 생겼습니다.