Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS / JQuery menu has z-index problem

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #208695
    bbsemail
    Participant

    Thanks for the help with my last responsive menu. Now, I’ve set up one and it works fairly well, but when the menu’s <li> http://morzinesourcemagazine.com/wp-content/uploads/2013/09/bacon-sandwich-704×400.jpgslides down in either a desktop or mobile the submenu appears behind the txt div. I’ve tried setting the z-index for the li and the ul inside it, but neither solves the problem. Any ideas? Here’s the link:
    http://dev.hcca.org/hcca1.html

    There is a main style sheet css/hcca1.css and a menu specific .css file css/webslidemenu.css

    #208697
    metageeky
    Participant

    I only tested in Firefox, but remove the position: relative from #content.

    Stacking contexts are weird and complicated to figure out. It’s often a matter of tracking down which is the root for that context.

    metageeky

    #208705
    bbsemail
    Participant

    THANK YOU, I hadn’t thought of that. Tested, looks good, in Firefox, Chrome and IE on Win 7 and Galaxy s5 and LG Enact.

    Now, in all views, I don’t seem to be able to able to change the link color to white. I found where to put in a transparent background, but the link color needs to be white. I will have to change the link color to black if I stay with a white bg on small screens

    And, in mobile/small screen view the menu bg goes to white and extends as long as the page. I’d like to use the transparent background I inserted if it looks good and whichever bg have it only extend as long as needed.

    I also need to add the drop-down marker to the right of drop-downs in small screen view. Enough of a laundry list? (I better go try to answer questions on PHP boards, I’m feeling guilty.)

    Thanks for the help learning, once outside php and javascript I’m a bit further down the learning curve

    Should I mark this question Great Solution and ask the above in another, or can you help me again. I reformatted the entire http://dev.hcca.org/css/webslidemenu.css page to make it readable, but can’t find some things yet.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.