SOLVED Mobile menu
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
When the 3 line menu button is clicked at smaller screen widths and the panel flies out from the left, my CSS for the main menu at larger width is affecting these buttons?
I'd like to fix that so there is no box or surrounding shading on the mobile menu and still maintain the main menu buttons like I have them for larger viewports.
Also, my client might prefer the dropdown type of menu I've seen in the mobile view before, is that easy to add/setup?
www.domain.com
Gantry 4.1.17
Joomla 3.1.5
TIA - Last Edit: 11 years 6 months ago by eRimkus.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
wrap your custom css rules in media queries
(replace ... with your custom code)
/* Smartphones */
@media (max-width: 480px) { ... }
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }
/* Large Display */
@media (min-width: 1200px) { ... }
-
Time to create page: 0.059 seconds