ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
Gantry 5: Can we have outline for mobile devices?
-
-
- shenk
- Hero Rocketeer
- Posts: 424
- Thanks: 11
-
I want to hide sidebar in mobile devices, I think the easiest way is just to give the sidebar a class "hidden-phone" - Although the responsive classes including "hidden-phone" are not mentioned in gantry 5 doc, but it seems gantry 5 has silently inherit this feature from gantry 4.
However, I don't quite like this solution, because although the sidebar is not displaying, its contents are still getting downloaded from the server, which has an impact in the performance and causes unnecssary data for mobile devices. So is there a way for us to whip out an outline specialized for mobile devices? Or can we edit some twig or yaml files to prevent the sidebar from being rendered?
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Why don't you simply take out mobile menu from Offcanvas Section that way the menu will not render for mobile device ...
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
ooh sorry, this will not be possible as the sidebar needs to be rendered on load on the server to show on desktop and other screen sizes and the only thing that you can do is to hide it using media queries, maybe if you make a particle that will only show on mobile see here:
docs.gantry.org/gantry5/advanced/php-functions - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.070 seconds