Elementor FREE Horizontal Scrolling | NO plugins (CSS ONLY)

Опубликовано: 21 Сентябрь 2021
на канале: 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

Смотрите видео Elementor FREE Horizontal Scrolling | NO plugins (CSS ONLY) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Mr Web 21 Сентябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 53,423 раз и оно понравилось 946 людям.

11,137

165