Ditty ticker is covering ubermenu content

  • Resolved digitalsky

    (@digitalsky)


    2 years ago

    Here’s the page in question:

    https://test.pr-infrared.com/product/pulsar-thermion-2-pro-thermal-imaging-riflescopes/

    When you hover over “thermal imaging” in the top menu you’ll notice that the top portion of the menu is being hidden behind the Ditty ticker.

    I have tried playing around with the z-index of both containers and had no luck whatsoever. I’m hoping someone can tell me what I’m doing wrong here. I’m very good with CSS but somehow this one is eluding me.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    You were looking in the right direction, but maybe weren’t going high enough in the element stack. Give this css a try:

    .et_pb_section_2_tb_header {
    position: relative;
    z-index: 9;
}
    Thread Starter digitalsky

    (@digitalsky)

    That fixed it! Looks like I managed to overlook that one particular style. I don’t even recall seeing that in the CSS inspector in Chrome. Thanks for solving this for me. Sometime sit really pays to have a second set of eyes.

    Plugin Author metaphorcreations

    (@metaphorcreations)

    No problem. Sometimes the little things are the hardest to figure out!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ditty ticker is covering ubermenu content’ is closed to new replies.