Responsive navbar. When expanded links hidden on some mobile

Topic: Responsive navbar. When expanded links hidden on some mobile devices screens

Andrius asked 6 years ago

One some mobile screen sizes navbar works great and expands normally, but on some for example Pixel 2 phone screen navbar options hides and scrolling needed to see them. On iPhone 6/7/8 screens it works great and pop up normally. Please see screenshots. Thanks

Expected behavior on this screen navbar working great and navigation pops up properly Actual behavior Here options hide and need to scrol down to see them insted of poping like on othe screen size Resources (screenshots, code snippets etc.)

Need help to edit code so navbar works great on all screen sizes. Thank you !

Add comment

Marta Szymanska staff pro premium answered 6 years ago

0 0 Best answer

Hi,

would you reproduce your problem by creating the snippet here: https://mdbootstrap.com/snippets/? I'll try to help you.

Best, Marta

Add comment

Write

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: MDB jQuery
MDB Version: 4.8.0
Device: windows
Browser: firefox
OS: mobile
Provided sample code: No
Provided link: No

Tags

html mobile-view navigation

Related topics

1: Parallax not working

1: mdb-image-modal - navigation issue

1: Datatables filter not working with html in the columns

1: Bug with toggle buttons for multiple mega menus in navbar

1: Side nav init while hidden

About author

Andrius

5Support score
1Questions 0Answers

0Snippets likes 0Snippets