Скачать или смотреть How to Fix Horizontal Scroll issue on Mobile in PageFly page (Legacy Editor)

In this video, we will guide you how to fix Horizontal Scroll issue on Mobile devices while using PageFly. With simple code, you can ensure a smooth and responsive mobile browsing experience for your website built with PageFly.

There are 2 CSS code to fix the Horizontal Scroll issue on Mobile:
The first one:
body{
overflow-x:hidden !important
}
[data-pf-type="Section"]{
overflow:hidden
}

The second one:
@media screen and (max-width: 767px) {
.__pf [data-pf-type="Section"] {
overflow-x: hidden !important;
}
}

Don't let horizontal scroll issue hinder your site's performance – follow PageFly tutorial to optimize your pages for mobile users.

👉 Outline:
00:00 Intro
00:16 The reason causing the horizontal scroll issue
00:30 How to fix issue with custom CSS code
01:09 Outro

👉 PAGEFLY VIDEO TUTORIAL:
PageFly Overview: http://www.pagef.ly/shty
PageFly Pages: http://www.pagef.ly/0lgx
PageFly Elements: http://www.pagef.ly/ki6c
Build complete Shopify pages: http://www.pagef.ly/hlah

------
👉 TRY PAGEFLY FREE: http://pagef.ly/free-install
✅ SUBSCRIBE TO GET NOTIFICATIONS OF OUR NEW VIDEOS: http://www.pagef.ly/su9d
What tutorials do you want us to make? Feel free to drop your inquiry in the comment section below

------
👉 FIND PAGEFLY ON:
Twitter: http://www.pagef.ly/axge
Facebook: http://www.pagef.ly/xflt
Instagram: http://www.pagef.ly/09w4
LinkedIn: http://www.pagef.ly/gw83

#shopify #pagefly #HorizontalScrollonmobile

Music: Audio Library - Free Music