SOLVED Mobile responsive menu not displaying sub-menu items
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 14
- Another Old Hack!
-
I have a site which I just updated to Joomla 3.3.6. Site looks fine except that on mobile display, the sub-menu items are not displayed. When you click the main menu item, it displays the sub-menu items but it is already loading up the main menu page so you can never view sub-menu item pages. After doing research, I set the RokSprocket modules to 'hidden-phone' but that didn't help. Any ideas?
Here is the link:
http://csipads.com - Last Edit: 9 years 3 months ago by Luke Douglas.
- Just another old hacker!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Hi Luke did you alter any of the original less or css files? Username and password please.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 14
- Another Old Hack!
-
Damir,
I have made no changes to core files, only the gantry-custom.css file.
I have setup an account for you but need to know how to get you this login information.
Luke - Last Edit: 9 years 3 months ago by Luke Douglas.
- Just another old hacker!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
HI Luke,
Hit reply and post it in Secure Tab only i and the Staff can see that! - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 14
- Another Old Hack!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- The problem is in your gantry-custom.css file when i delete all the code from there the main menu works!
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 14
- Another Old Hack!
-
Damir,
It is working now.
I looked at the gantry-custom.css file online and can see no changes or, at least, none that are documented with a comment line as being either edited or commented out by you. Also, the timestamp had not been changed. I compared against my last backup of the gantry-custom.css file and didn't see any differences in CSS code for menu related declarations.
Did you physically remove code? If so, you should have commented out the code and added a comment that it was done by you, such as "/* commented out to resolve mobile menu sublink display issue by Damir - RocketTheme - 1/22/2015 */'. - Last Edit: 9 years 2 months ago by Luke Douglas.
- Just another old hacker!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
i didn't change the file i did the debugging in my browser, somewhere in there is the error:
Find these in that file and erase them:
LINE 435:ul.gf-menu.l1 > li { display: inline-block; float: none; }
replace with this:@media (min-width: 768px){ ul.gf-menu.l1 > li { display: inline-block; float: none; } }
ERASE THE LINE: 966.gf-menu li > div.dropdown{ display: none; } - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Luke Douglas
- Hero Rocketeer
- Posts: 322
- Thanks: 14
- Another Old Hack!
-
Damir,
Thanks. That seems to have resolved the issue. Looking at the code, I'm still not quite why I even had that last declaration. I suspect, I picked it up from another post and simply added without really considering what it would do. My bad! Won't do that again.
- Just another old hacker!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Time to create page: 0.070 seconds