Student Dashboard Menu Responsive
-
Hi,
Comparing the Student Dashboard at LifterLMS Academy demo, I’ve noticed that when viewed in responsive/mobile viewports, “llms-sd-nav” shows a Select Menu instead of the collapsed vertical menu.How do I enable this type of responsive behaviour to the student dashboard menu?
I’m using free LifterLMS and Astra theme.
When viewed in mobile, my student menu is a mess (see screenshot below)
The page I need help with: [log in to see the link]
-
Hi @himidia,
Thanks for reaching out! The feature to convert the menu into a dropdown is part of the Sky Pilot theme:
https://lifterlms.com/product/sky-pilot/
It may be possible to do something similar with Astra or another theme with customization.
Thanks for the reply @brianhogg
Could you provide any rought idea as a starting point to convert this dashboard menu?
Surely I can follow the CSS at the site example…but my guess it’s that there’s a script or a function controlling this and I can’t access it.
Thanks
Hi @himidia,
Kindly note that providing development work by creating HTML/CSS/JavaScript/PHP codes to implement a customization requested by our users is outside the scope of our support policy, as you can read in lifterlms.com/support-policy. Moreover, please note that how the sidebar menu of the LifterLMS student dashboard page behaves on mobile view is controlled entirely by the WordPress theme.
For example, the Sky Pilot theme will turn it in into a dropdown on mobile. On the other hand, the Astra theme won’t. Since you are using the Astra theme, we recommend that you reach out to the support team of Astra, and then ask them to implement this as a new feature of the Astra theme on some future release of the Astra theme. You may also consider consulting a developer to implement this customization request for you.While I haven’t tested it with Astra yet, we do have a change we’ll be evaluating for including in core here:
https://github.com/gocodebox/lifterlms/pull/2908/files
You could attempt to replicate this on your site and see how it looks, or wait until we potentially include it in an upcoming LifterLMS release.
Hi @brianhogg, this is awesome!
I’m still newbie to github and sometimes get confused with it’s interface. But I will definitely try to implement this on our stage environment….untill an upcoming release from you guys!
Thanks so much!
Hi @himidia ,
You’re very welcome, and we apologize for the late response.
I’m glad you found it helpful. Totally understand, GitHub can be a bit confusing at first, but testing on a staging environment is a great approach.
Good luck with the implementation!
All the best,
Thanks, @alextonio22 !
I have managed to do it with the help of this Github link and some AI to validate some codings.
Now my only concern is if this I will cause some conflict when LifterLMS implement this at the core plugin and release it.
Hi @himidia ,
Glad it did the trick!
If you implemented the changes by modifying the core LifterLMS files, these changes would be removed the next time you update the plugin.
If you made them by overriding the templates/myaccount/navigation.php template then they should work, but you’ll want to test this and compare your template to ours. You’d also likely want to remove your custom template if it’s no longer needed so any future updates to that template in core would appear on your site.
More information on customizing templates can be found here:
The topic ‘Student Dashboard Menu Responsive’ is closed to new replies.