can’t work with horizontal layout elementor !

Replies: 0

Hi good man Author !

your plugin can’t working with my site. i have customize my page with list css below then show horizontal.

.elementor-inner{
	width:100vh;
  height:100vw;
  overflow:scroll;
  
  transform: rotate(-90deg) translateX(-100vh);
  transform-origin: top left; 
  position:absolute;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.elementor-section-wrap {
  transform: rotate(90deg) translateY(-100vh);
  transform-origin: top left; 
  display:flex;
  flex-direction: row; 
  width: 300vw;
}

.section{ width:100vw; height:10vh}

::-webkit-scrollbar{
display:none;
overflow: hidden;

}

after i have seen your post said about conflict elementor.This link

and i have add your code js below footer :

(function($){
    $(window).on("load",function(){
        setTimeout(function(){
            var doc=$(document),
                $events=$("a[href*='#']").length ? $._data(doc[0],"events") : null;
            if($events){
                for(var i=$events.click.length-1; i>=0; i--){
                    var handler=$events.click[i];
                    if(handler && handler.namespace != "mPS2id" && handler.selector === 'a[href*="#"]' ) doc.off("click",handler.handler);
                }
            }
        }, 300);
    });
})(jQuery);

now button have #block can move to div but not contain effect. only move. that’s flash.

thanks your read this post..
have fun a today.