Sandbox Theme and Drop Down Menu for IE

  • Hacking up a version of Sandbox for a site.
    Using Sandbox theme as a base, the menu automatically creates a drop down for Pages with children.
    Not uncommonly, all is good except for IE.

    Does anyone know of a reliable CSS update to get this working?
    Trying to keep this as clean as possible to make sure it works across the board with additional plug ins and changes.

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter pschena

    (@pschena)

    I don’t know if you have already found an answer to this question, but I was working on the same issue in IE7 as well and figured it out.
    I read a comment on this page https://css-tricks.com/forums/viewtopic.php?f=2&t=4671 to add top: 0 to the div menu’s second and third list items.
    In the Sandbox’s stylesheet, the height of div#menu is set to 1.5em.
    So after playing with the positioning of the top of the inner list items, I got div#menu ul li ul { top: 2.5em; } for the menu’s first inner list and div#menu ul li ul li ul { top: 1.5em; } for the second inner list.
    It would be a good idea to place these in a conditional comment specifically for IE. This page (https://themeshaper.com/functions-php-wordpress-child-themes/) on Theme Shaper explains how to do this for a Sandbox child theme.

    Good luck.

    Hello again.
    I just realized that I gave a height of 2.5em in the child theme I was referring to when I posted. It will probably be necessary to adjust top: 0 in ems or pixels several times by trial and error until each is in place. After working with two different child themes, each of mine had different numbers for the menu list’s top positioning.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sandbox Theme and Drop Down Menu for IE’ is closed to new replies.