Elementor FREE Horizontal Scrolling | NO plugins (CSS ONLY)

Published: 21 September 2021
on channel: Mr Web

53,423

946

Today I'm going to show you how to create an Elementor page where you can scroll the sections horizontally and all without installing any plugins by just added a few lines of CSS code.

Again, we are going to use Elementor FREE.
We are NOT going to install ANY additional plugin, just a few lines of CSS code.

Enjoy!

Credit to coderoad.ru where I found this code. If you follow the rest of the instructions on that page you'll also be able to set anchors to link your menu items directly to each section:
https://bit.ly/2Y9QoLh

✅ CSS Code :

.entry-content.clear {
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
}

------------------------------------------------------------------------

✅ NEED HOSTING ?

▶ Get Hosting Here 👉 https://mrweb.tv/hosting
This is a co-branded page that I have with Hostinger, Which means that I've negotiated special terms for my viewers and subscribers.
Enjoy up to 91% Discount + Promo Code 'MRWEBREVIEWS' for an extra 7% Discount

------------------------------------------------------------------------

✅ HIRE US --- NEED HELP WITH A NEW ONLINE PROJECT

▶ Do you need a new website?
▶ Do you need a custom-built project?
▶ Have an idea for a new website that requires custom development?

NO PROBLEMS... Our team of dedicated web developers would be delighted to help you with that
▶▶▶ Visit👉 https://mrweb.tv

------------------------------------------------------------------------

✅ LET'S CONNECT

▶ Twitter: / mrwebreviews
Feel free to follow me on Twitter as well

#MrWebReviews #Wordpress #Tutorials

▶ D I S C L A I M E R:

This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for the support! Everything in this video is based on experience, information we learned from online resources and tests that we've run. Please do your own research before making any important decisions. You and only you are responsible for any and all digital marketing decisions you make.

Background Music: Produced by Danya Vodovoz
• London Lounge - Royalty Free Music
Royalty Free Music

Watch video Elementor FREE Horizontal Scrolling | NO plugins (CSS ONLY) online, duration hours minute second in high quality that is uploaded to the channel Mr Web 21 September 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 53,423 times and liked it 946 visitors.

11,137

165