sriramk18 priority asked 10 months 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.

https://mdbootstrap.com/snippets/standard/sriramk18/3660882

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


Grzegorz Bujański staff answered 10 months 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: https://mdbootstrap.com/docs/standard/navigation/sidenav/#subsection-mode-transition.


sriramk18 priority commented 10 months ago

Okay. Thanks for the help.


sriramk18 priority answered 10 months 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 10 months 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: https://mdbootstrap.com/docs/standard/content-styles/icons/. 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 10 months ago


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


sriramk18 priority commented 10 months ago

Now i have clicked on publish. Please check now.



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

  • User: 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