0
Welcome Guest! Login
0 items Join Now

In Chrome the menu dissapears?

Last Post
Search Topic

  • In Chrome the menu dissapears?

    Posted 11 years 7 months ago
    • Hi

      On this site, where I use a flash banner, the drop down menu dissapears when using Chrome:
      elkaer2.nioba.dk/index.php/da/

      How can I make the submenu not dissapear behind the flash banner?

      Regards
      Regin
    #1020646
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: In Chrome the menu dissapears?

    Posted 11 years 7 months ago
    • It's probably an issue with z-index being too low in the menu.

      Where is the Flash banner located?
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #1020648

  • Re: In Chrome the menu dissapears?

    Posted 11 years 7 months ago
    • The flash banner is located directly underneath the menu.
      I do not have an issue with it, in FF or IE. Only Chrome.

      You can test it here, directly on the frontpage:
      elkaer2.nioba.dk/index.php/da/
    #1020651
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: In Chrome the menu dissapears?

    Posted 11 years 7 months ago
    • It's caused by this z-index:

      .gf-menu .dropdown {
      margin: 0 auto;
      padding: 10px 0;
      position: absolute;
      opacity: 0;
      left: -999em;
      text-align: left;
      border: 1px solid #343434;
      border-top: 0;
      background: #474747;
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out;
      border-radius: 0 5px 5px 5px;
      -webkit-box-shadow: inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
      -moz-box-shadow: inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
      box-shadow: inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
      z-index: 1000;
      }

      To override it you can add this to your custom CSS file:

      .gf-menu .dropdown {
      z-index: auto !important;
      }
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #1020659

  • Re: In Chrome the menu dissapears?

    Posted 11 years 7 months ago
    • Wow.. Nice CSS skills there..

      It worked - thanks :)
    #1020676
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: In Chrome the menu dissapears?

    Posted 11 years 7 months ago
    • Thanks :)

      I will mark this as solved.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    #1020884

Time to create page: 0.061 seconds