Dropdown menu hiding behind site origin hero image

  • Resolved linvirgo

    (@linvirgo)


    4 years, 6 months ago

    Hi,

    I’m using wordpress version 5.5.1 and using twenty twenty template. But now i’m having a problem, dropdown menu is hiding behind site origin hero image. I’ve try many CSS code but the problem is not yet being solved. The link is here : https://www.ukm.my/inbiosis/en/gallery/

    This problem happen to my homepage too where the dropdown menu is hiding behind the slideshow but the problem is solved by add this CSS code:

    .widget_sow-slider {
    position: relative;
    z-index: 1;
    }

    I’m not sure if these 2 problems are related because the dropdown menu is hiding behind the site origin hero widget. I appreciate your help. Thank you.

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

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

  • Hi,

    Yes, You could use “z-index” property for the “widget_show-slier” class & fix these menu overlapping issues.

    Thanks.

    Hi

    This is becuase you have given z-index: 1; to the #site-header ID i.e:-

    #site-header {
    z-index: 1;
    }

    Please give it:-

    #site-header {
    z-index: 999;
    }

    Thread Starter linvirgo

    (@linvirgo)

    @muktadhawan i erase this css code:

    .widget_sow-slider {
    position: relative;
    z-index: 1;
    }

    and I replace with:

    #site-header {
    z-index: 999;
    }

    and it finally works ! Thank you for your help, I really appreciate it.

    • This reply was modified 4 years, 6 months ago by linvirgo.
    Thread Starter linvirgo

    (@linvirgo)

    But I have another problem, the homepage looks fine in dekstop version but the dropdown menu still hiding behind hero image in mobile version. Do you have any idea how to solve this problem? Thank you

    .menu-modal.active {
    z-index: 99999999999999999999;
    }

    Please try to add this in your style.css file

    Thread Starter linvirgo

    (@linvirgo)

    @muktadhawan yes it works, thanks a lot to you !

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Dropdown menu hiding behind site origin hero image’ is closed to new replies.