SOLVED Combine main menu and top menu in mobile menu
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
Try
/*Hide Menu Items on Phone*/
@media (max-width: 767px) {
div#rt-navigation ul.gf-menu li.item253 {
display: none;
}
div#rt-navigation ul.gf-menu li.item114 {
display: none;
}
..
}
in gantry-custom.css
The code I gave you was for the header position. Yours should be for the navigation position. - Last Edit: 9 years 10 months ago by eRimkus.
-
-
-
- paxman
- Rocketeer
- Posts: 50
- Thanks: 0
-
My gantry-custom.css file is located at libraries/gantry/css
/*Hide Menu Items on Phone*/
@media (max-width: 767px) {
div#rt-navigation ul.gf-menu li.item253 {
display: none;
}
div#rt-navigation ul.gf-menu li.item114 {
display: none;
}
..
}
Originally i had the code in rt_oculus-custom.css hehe. Unfortunately this still isn't working for some reason.
-
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
OK it's the Oculus template.
The file should be named:
rt_oculus-custom.css like you had it but the file should be in the
/templates/oculus/css directory.
Give that a try.
-
-
-
- paxman
- Rocketeer
- Posts: 50
- Thanks: 0
- Hmmm, that isn't working either. I know the rt_oculus-custom.css file is being read because another piece of code in that file is working fine. It would seem that we have something wrong in the code unfortunately.
-
-
-
- paxman
- Rocketeer
- Posts: 50
- Thanks: 0
-
-
-
- paxman
- Rocketeer
- Posts: 50
- Thanks: 0
- I discovered why I didn't think the code worked at first, but then got it working. It seems that when using the Selectbox mobile menu the code will NOT work, but when using the Panel setting the code does work.
-
Time to create page: 0.044 seconds