Dropdown menu is covered

  • Resolved jeremychoi1994

    (@jeremychoi1994)


    2 years, 8 months ago

    Hi everyone!

    I have 5 primary items in my menu and one of them, ‘blog’ has 4 sub-menus. Dropdown menu should work well when you hover over ‘blog’, but the main body of the site covers the dropdown menu.

    I’m using Mega Max Menu plugin.

    Is there anyone who can help on this?

    Thank you

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator threadi

    (@threadi)

    2 years, 8 months ago

    A theoretical solution could be this CSS code:

    body .wp-block-cover.is-repeated { overflow: visible; }

    However, the reason is that the theme you are using is apparently not yet compatible with current Block Editor styles. I would recommend you to contact the support of your theme: https://ww.wp.xz.cn/support/theme/hello-fse-blog/

    Thread Starter jeremychoi1994

    (@jeremychoi1994)

    2 years, 8 months ago

    The dropdown menu actually is visible over the body though, when you try to put your mouse on those sub-menus that are located over the body part, the dropdown menu goes up again. Maybe I’m not describing the problem very well. Please visit again and check it for me thank you!

    Moderator threadi

    (@threadi)

    2 years, 8 months ago

    Yes, now the menu is at least visible. Now there is still a z-index problem. A solution could look like this:

    header.wp-block-template-part { position: relative;z-index: 1000; }
    header.wp-block-template-part + div { position: relative;z-index: 1; }

    And again: the real problem is caused by your theme. Their support should offer more suitable solutions.

    Thread Starter jeremychoi1994

    (@jeremychoi1994)

    2 years, 8 months ago

    Thank you so much for your help!

    I should contact my theme developer though!

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

The topic ‘Dropdown menu is covered’ is closed to new replies.