Full Screen Scroller - Horizontal


Topic: Full Screen Scroller - Horizontal

Hugo Gomes asked 6 years ago

Hello,

I'd like to know if its possible to have the Full Screen Scroller with a horizontal section scroll that only works like that on mobile, if in desktop, it will act like a normal section.

I need this because I've 4 big text groups that in desktop work just fine, in mobile they don't have space to be readable and it will be great to have them in 4 diferent horizontal sections in mobile..


MDBootstrap staff pro premium priority answered 6 years ago

Hi!

I wouldn't recommend using the scrollbar to contain content as it is on mobile because this is not user friendly. The standard way of implementing is to make sections, one above the other. However, You can do it by adding our perfectscrollbar: https://mdbootstrap.com/docs/jquery/javascript/scroll/#image to your section and make it invisible on bigger devices with media queries or use our carrousel: https://mdbootstrap.com/docs/jquery/javascript/carousel/#multi-item-carousel-v2I hope I helped.

If you need additional help, I'm here for you.

Best Regards, Piotr


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No