Topic: Sticky Content doesn't work on mobile

manzullo pro asked 6 years ago


Hi, i bought MdBootstrap Pro to create a responsive website, but in my case the sticky feature: https://mdbootstrap.com/javascript/stickycontent/ DOES NOT WORK ON MOBILE

Ollie Vincent pro commented 6 years ago

Hi, By default it won't stick on mobiles. What are you trying to stick? Surely you don't want content to stick on mobile because it would cover the whole screen.

Mikołaj Smoleński staff answered 6 years ago


Hi manzullo, You're right, sticky content won't work on mobile devices, because it was designed only for desktop use. We'll consider to develop it also for mobiles, but for this moment there is no solution for Your problem. Regards

manzullo pro answered 6 years ago


Hi Ollie, i don't need a sticky top navbar but a sticky content where that is not fixed to the top but, like the example here: https://mdbootstrap.com/javascript/stickycontent/ I need it on mobile

Ollie Vincent pro answered 6 years ago


Hi,

Sorry I misunderstood.

MDB actually have a class for sticky-top navbars. Live demo can be found here: https://mdbootstrap.com/previews/docs/latest/html/navbar/navbar-sticky-top.html

<nav class="navbar sticky-top navbar-dark indigo">#</nav>

Thanks


manzullo pro answered 6 years ago


Sure i want it to stick on mobile. It is one of the main reason i bought pro version. I need a bootstrap sticky navbar after scroll where i would put a scrollspy inside to navigate the details of the post item. I also need to use it for other reason If you need an example i would like to make something like this: https://meeting-hub.net/sale/roma (you should see it with a small browser)

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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags