sriramk18 priority asked 2 years ago

Expected behavior Admin Dashboard suitable for mobile and PC. Need a tile view button, to navigate between screen. Need a side navigation.

Actual behavior Admin Screen not suitable for mobile. The button are getting too small on mobile. The side navigation is having problems in mobile view.

Resources (screenshots, code snippets etc.) Expected Look and feel enter image description here

Grzegorz Bujański staff answered 2 years ago

The button problem is caused by the styles - you have min-width set, that's why they overlap on small screens. Here you can find solution for change sidenav mode on smaller screens:

sriramk18 priority commented 2 years ago

Okay. Thanks for the help.

sriramk18 priority answered 2 years ago

Sorry for the late replay. I was able to resolve the problem with mobile view. It was due to meta tag issue. The side nav is working fine.

Do you have a admin template page with slim side nav when viewed in larger screen(PC), when viewed in smaller screen, the side nav should hide and appear over the content.

But the button are getting tangled with one another in mobile. The below is the image of the button. I have already attached the code snippet.

enter image description here

Grzegorz Bujański staff answered 2 years ago

From what I can see it is enough to change the CSS class from fa-lg to (for example ) fa-3x. You can check other classes for icons here: Can you tell me something more about problems with sidenav on mobile? In the snippet you paste the whole page. This code imports the scripts which cause errors and not everything works.

Grzegorz Bujański staff answered 2 years ago

Unfortunately the snippet you sent doesn't work - you probably didn't click the publish button.

sriramk18 priority commented 2 years ago

Now i have clicked on publish. Please check now.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: Mobile
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes