WordPress.org

Ready to get started?Download WordPress

Forums

Sandbox Theme and Drop Down Menu for IE (4 posts)

  1. pschena
    Member
    Posted 5 years ago #

    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.

  2. pschena
    Member
    Posted 5 years ago #


  3. jgpws
    Member
    Posted 4 years ago #

    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 http://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 (http://themeshaper.com/functions-php-wordpress-child-themes/) on Theme Shaper explains how to do this for a Sandbox child theme.

    Good luck.

  4. jgpws
    Member
    Posted 4 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic