0
Welcome Guest! Login
0 items Join Now

SOLVED Mobile/Responsive menu button not working

    • eRimkus's Avatar
    • eRimkus
    • Sr. Rocketeer
    • Posts: 168
    • Thanks: 2

    SOLVED Mobile/Responsive menu button not working

    Posted 11 years 2 months ago
    • www.domain.com
      Joomla 3.2.2
      Gantry 4.1.20
      Gantry template 4.1.18
      RokNavMenu 2.0.7

      About 2 months ago I posted here the following:

      When I shrink the screen size down to mobile width, the mobile menu is not active. Why would that be happening? It worked on my last project.

      Henning replied:

      gf-menu-toggle {
      z-index: 9999;
      }

      header#rt-top-surround {
      position: relative;
      z-index:10;
      }

      That worked, that is, the mobile menu button started working again, however it broke something else.

      When viewing the site in IE9, the background of the dropdown menu "looks" transparent and some of the menu items in the dropdown are missing. It's almost like they are covered up by the content of the page.

      When I comment out:

      /*header#rt-top-surround {
      position: relative;
      z-index:10;
      } */

      The menu dropdowns reappear, but the mobile menu stops working again.

      Is there a way to have both menus work properly.

      TIA
      Ed
    • Last Edit: 11 years 2 months ago by Henning.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Mobile/Responsive menu button not working part2

    Posted 11 years 2 months ago
    • I suggest to use

      @media (max-width: 768px) {

      .gf-menu-toggle {
      z-index: 9999;
      }
      header#rt-top-surround {
      position: relative;
      z-index: 10;
      }

      }
    • eRimkus's Avatar
    • eRimkus
    • Sr. Rocketeer
    • Posts: 168
    • Thanks: 2

    Re: Mobile/Responsive menu button not working part2

    Posted 11 years 2 months ago
    • Perfect! Thank you Henning

Time to create page: 0.061 seconds