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: sticky-top navbar height bigger than mobile device

Zsombor Kármán free asked 5 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


Piotr Glejzer staff commented 5 years ago

Did you try to use fixed navbar?


Zsombor Kármán free commented 5 years ago

I tried it! The problem was not resolved, only the content slipped under the menu.


Karman40 priority commented 5 years ago

any idea, solution?


Piotr Glejzer staff commented 5 years ago

Do you have some example with broken code?


Karman40 priority commented 5 years ago

"see: admin.dijnet.ugyfel.infohullam.hu"

press f12 / right click + source code ...

(and mobile view)


Piotr Glejzer staff commented 5 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 free commented 5 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 5 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 priority commented 5 years ago

Pufff ...

Rotate your phone ...

https://youtu.be/X3JrmGUMvW0


Piotr Glejzer staff commented 5 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 priority commented 5 years ago

I thank you for your help :)


Marta Wierzbicka staff answered 5 years ago


Hi,

maybe this solution will help you: https://mdbootstrap.com/snippets/jquery/marta-szymanska/688400.

Best, Marta


Marta Wierzbicka staff answered 5 years ago


Hi,

Here is the fix for this: https://mdbootstrap.com/snippets/jquery/marta-szymanska/618493?view=standard.

Best, Marta


Karman40 priority commented 5 years ago

I think it's still not working !! see:

https://youtu.be/LAXNdyuMNMc



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: MDB jQuery
  • MDB Version: 4.7.4
  • Device: Mobile
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No