Topic: sticky-top navbar height bigger than mobile device
Zsombor Kármán asked 6 years ago
Otherwise my question is:
Jquery version, latest.
There's a Navbar that's sticky-top. When I open it and the navbar content is higher than the height of my display, I can't roll it down, just down to the bottom.
see: admin.dijnet.ugyfel.infohullam.hu
Marta Szymanska staff pro premium answered 6 years ago
Hi,
Here is the fix for this: https://mdbootstrap.com/snippets/jquery/marta-szymanska/618493?view=standard.
Best, Marta
Marta Szymanska staff pro premium answered 6 years ago
Hi,
maybe this solution will help you: https://mdbootstrap.com/snippets/jquery/marta-szymanska/688400.
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.4
- Device: Mobile
- Browser: All
- OS: All
- Provided sample code: No
- Provided link: No
Piotr Glejzer staff commented 6 years ago
Did you try to use fixed navbar?
Zsombor Kármán commented 6 years ago
I tried it! The problem was not resolved, only the content slipped under the menu.
Karman40 pro premium priority commented 6 years ago
any idea, solution?
Piotr Glejzer staff commented 6 years ago
Do you have some example with broken code?
Karman40 pro premium priority commented 6 years ago
"see: admin.dijnet.ugyfel.infohullam.hu"
press f12 / right click + source code ...
(and mobile view)
Piotr Glejzer staff commented 6 years ago
I don't see a problem with your site. I can roll it down normally when I'm using developer tools and with when I'm using my smartphone ( Honor ) too.
Zsombor Kármán commented 6 years ago
Then I'll try to emphasize it again. I don't know why every 3x minimum error should be described as really accepting this error ...
For example: -Menu height 600px - Screen height 400px
If I want to click on the last link in the menu then I cannot, because it is outside my display and I have to scroll to the bottom of the menu to the bottom of the page.
Piotr Glejzer staff commented 6 years ago
I have no idea why is not working correctly. Which phone do you use that you have smaller screen height than menu height?
Karman40 pro premium priority commented 6 years ago
Pufff ...
Rotate your phone ...
https://youtu.be/X3JrmGUMvW0
Piotr Glejzer staff commented 6 years ago
I see a problem with that, I checked our docs and we have a similar issue with this. I think to use a javascript is a solution for this. I added this to our list to do with high priority label. Sorry about that we will try to fix this as soon as possible.
Karman40 pro premium priority commented 6 years ago
I thank you for your help :)