Create Horizontal scrolling website with css &Elementor- Avro

5 Comments

1. 

   Avro on July 20, 2019 at 1:42 am

   .elementor-inner{
   
   width:100vh;
   
   height:100vw;
   
   overflow-x:hidden;
   
   overflow-y: 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: 600vw;
   
   }

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

   ::-webkit-scrollbar{
   
   display:none
   
   }

   Reply
2. 

   andré kremmer on June 4, 2020 at 5:43 pm

   Hello Avro, thanks for that. Is it also possible to get this for some sections on the side and not for the entire page.
   Would be nice to get this done some how. So for example just for 6 consecutive sections and before and after them are normal vertical scroll sections.

   THX in Advance

   Reply
3. 

   vijay kumar on August 20, 2020 at 4:09 pm

   you are not explaining well

   Reply
4. 

   R I S H I I C H A U D H A R Y Y on August 22, 2020 at 10:41 am

   Is there anyway to scroll woocommerce product category like store.google.com product category after hero section on elementor or oxygen builder.

   Reply
5. 

   Cameron Craig on October 20, 2020 at 6:06 pm

   is it possible to have the last section scroll back into the first section so it is a continual scroll?

   Reply