Topic: Dashboard
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
Unfortunately the snippet you sent doesn't work - you probably didn't click the publish button.
sriramk18 pro premium priority commented 3 years ago
Now i have clicked on publish. Please check now.
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.
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.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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