Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Full Screen Scroller - Horizontal

Hugo Gomes free asked 5 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 answered 5 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

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No