SOLVED Possible to use responsive / mobile menu for larger page width?
-
-
- DCD Designcomdesign
- Jr. Rocketeer
- Posts: 38
- Thanks: 3
-
Hey guys!
Is there a way I could make my site use the mobile panel menu before the specified 767px page width? Like if I wanted to start using it at 900px width or something like that instead. If it is possible, how could I do it? - Last Edit: 10 years 1 month ago by DCD Designcomdesign.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Nope its not possible out of the box, it would require a ton of code changes to accomplish this.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- DCD Designcomdesign
- Jr. Rocketeer
- Posts: 38
- Thanks: 3
- Well, I'm not a complete noob. If there's a certain guidance, I could do it. If anyone could at least tell me the files I would have to change, I know I could do it. I know already how to make the menu change shapes to the Tree Mode by tweeking the menu.less. I just could not figure out how to make the panel thing show up and make the menu go there. Any file suggestions?
-
-
-
- DCD Designcomdesign
- Jr. Rocketeer
- Posts: 38
- Thanks: 3
-
Did it!
If anyone is interested, I changed the Min-Width and Max-Width to what I wanted in two diffferent files:
/templates/[your-template]/less/menu.less
(There are about four places where you'll find "min-width: 768px" and "max-width: 767px", change them)
and
/modules/mod_roknavmenu/themes/default/js/sidemenu.js
(The same thing happens here, change it) - Last Edit: 10 years 1 month ago by DCD Designcomdesign.
-
-
-
- Paul Bedford
- Jr. Rocketeer
- Posts: 23
- Thanks: 0
-
Doing this didn't work for me on Iridecent template. I ended up with an expanded menu and no icon when resizing a window. It looked a right mess...!
-
-
-
- DCD Designcomdesign
- Jr. Rocketeer
- Posts: 38
- Thanks: 3
- Sorry if didn't work for you, man. I haven't tried it in that template. Maybe the solution varies from theme to theme. I would suggest you inspect the page and take a look if there is any other acting .js files in the page though the scripts in resources and hunt them down to edit. I always try the .less and .js files.
-
Time to create page: 0.074 seconds