z-Index

  • Resolved Sauron

    (@sauron)


    11 years, 1 month ago

    Hi,

    Take a look at this page:

    http://www.whalesafari.no/en/picture-gallery

    If you then choose a gallery and get to the thumbnail gallery, you will see that the drop down menu (when using it) will lie behind the thumbnails!! How can i fix this? Guess it has something to do with the z-index, but can’t find out what…:)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    .header-type,
.page-type {
    position: relative;
}

.header-type {
    z-index: 1;
}

.page-type {
    z-index: 2;
}
    Thread Starter Sauron

    (@sauron)

    11 years, 1 month ago

    Do I add this as custom CSS? I am relatively new to WP so it is not obviously for me where to apply it…:D

    Thread Starter Sauron

    (@sauron)

    11 years, 1 month ago

    Applied this to the custom CSS but then the menu vas positioned behind a lot of other stuff…. Is there a value I can use that makes it lie on top?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    You probably just need to increase the values, e.g.:

    .header-type {
    z-index: 10;
}

.page-type {
    z-index: 9;
}

    Thread Starter Sauron

    (@sauron)

    11 years, 1 month ago

    That seemed to solve it…:) Thanx!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘z-Index’ is closed to new replies.