0
Welcome Guest! Login
0 items Join Now

SOLVED IE9 Menu Dropdown background and items missing

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

    SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 3 months ago
    • www.domain.com
      Gantry 4.1.20
      Joomla 3.2.1

      In IE9, the background of the dropdown menus and the 2nd through "n" number of menu items in that dropdown menu are missing or are not visible. The items may be behind the slideshow? The image below illustrates what I'm trying to describe.

      This image is hidden for guests.
      Please log in or register to see it.


      Any help is, as always, greatly appreciated!
      Ed
    • Last Edit: 11 years 3 months ago by eRimkus.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 3 months ago
    • Looks fine here:
      This image is hidden for guests.
      Please log in or register to see it.
    • eRimkus's Avatar
    • eRimkus
    • Sr. Rocketeer
    • Posts: 168
    • Thanks: 2

    Re: SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 3 months ago
    • Yes sir, I found the offending CSS after 5 hours of poking through the code. Thank you for looking. It was a silly mistake. Sorry for not updating this post until now.

      Kindest regards
      Ed
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 3 months ago
    • eRimkus wrote:
      Yes sir, I found the offending CSS after 5 hours of poking through the code. Thank you for looking. It was a silly mistake. Sorry for not updating this post until now.

      Kindest regards
      Ed
      No problem ... we're a lot more forgiving when it's IE :roll:
  • Re: SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 1 month ago
    • Hi,

      Did you find out what the problem was? I am experiencing a similar issue here: ie9 fixed header
    • eRimkus's Avatar
    • eRimkus
    • Sr. Rocketeer
    • Posts: 168
    • Thanks: 2

    Re: SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 1 month ago
    • I had an issue with the menu backgrounds being hidden by other layers. By increasing the z-index it fixed the issue. In this post however, I needed to wrap it in a mediaquery so it would only be applied to widths smaller than 768px because my mobile menu stopped working. The code I used to do that is:


      /* Fixes broken mobile menu, z-index issue */
      @media (max-width: 768px) {
      .gf-menu-toggle {
      z-index: 9999;
      }
      header#rt-top-surround {
      position: relative;
      z-index: 10;
      }
      }

      Your situation may be different. If so, I invite you to start a new post and include your URL and version numbers for Joomla, Gantry and the Gantry template. The moderators are very good at what they do and I have found them to be very helpful. Good luck.

      Hope it helps,
      Ed
  • Re: SOLVED IE9 Menu Dropdown background and items missing

    Posted 11 years 1 month ago
    • Thanks. My problem is different, so I will take your advice and create a new topic.

Time to create page: 0.053 seconds