1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Help fixing code

Discussion in 'Styling and Customization Questions' started by aiman.h.kallaf, Jan 16, 2014.

  1. aiman.h.kallaf

    aiman.h.kallaf Active Member

    Greetings
    I've added a menu at the top of my site but it is not functioning as it should be

    this is part of the code
    Code:
    <!--##############################-->
       <link rel='stylesheet' type='text/css' href='http://english4me.net/EnglishCenter/menu_source/styles.css' />
     
     
       <div style="font-family: tahoma; font-size: medium"  id='cssmenu' >
    <ul>
      <li class='has-sub'><a href='#' target="_top"><span>المراكز</span></a>
      <ul>
      <li class='has-sub'><a href='http://english4me.net/EnglishCenter/ConsultingCenter/Pages
    ......
    .
    .....
    ....
    ....
    </ul>
    </div>
    <!--######################################-->  
    upload_2014-1-16_21-13-33.png


    how can i fix this problem
     
  2. katsulynx

    katsulynx Well-Known Member

    add the following code to Extra.css
    Code:
    #cssmenu {
    z-index: 10;
    }
     
    aiman.h.kallaf likes this.
  3. aiman.h.kallaf

    aiman.h.kallaf Active Member

    it did not work
     
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    Increase the z-index until it does.
     
    aiman.h.kallaf likes this.
  5. aiman.h.kallaf

    aiman.h.kallaf Active Member

    i did put a very huge number and nothign change , the problem is the forum content is hiding the menu when it hover

    upload_2014-1-16_21-35-51.png
     
  6. Jeremy

    Jeremy XenForo Moderator Staff Member

    You'll need to determine if the forum content has a z-index and make sure your menu has something larger.
     
    aiman.h.kallaf likes this.
  7. aiman.h.kallaf

    aiman.h.kallaf Active Member

    attache a full working code , can you test it on your forum
     

    Attached Files:

  8. aiman.h.kallaf

    aiman.h.kallaf Active Member

    this happen at multiple location at the forum
    upload_2014-1-16_21-56-58.png

    it is like the menu is not having a priority
     
  9. katsulynx

    katsulynx Well-Known Member

    Can you provide a link to your site?
     
    aiman.h.kallaf likes this.
  10. aiman.h.kallaf

    aiman.h.kallaf Active Member

  11. katsulynx

    katsulynx Well-Known Member

    use the following code in your Extra.css to get it working:
    Code:
    #cssmenu > ul > li:hover > ul {
    z-index: 100;
    }
     
    aiman.h.kallaf likes this.
  12. aiman.h.kallaf

    aiman.h.kallaf Active Member

    thank you very much , now it works
     

Share This Page