Menu drop down disappearing behind hero image

  • Resolved revanslacey

    (@revanslacey)


    8 years, 5 months ago

    I have a number of sub-menu items but when I click on the top menu the drop down disappears behind my top hero image. Is there a setting or CSS change to stop this happening or is it a known bug? It makes sub-menus pretty un-usable. ??

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

  • Hi there,

    Would you be able to post a link to your site to see this error in action so that I can try and troubleshoot this for you?

    Thanks.
    Gareth

    Thread Starter revanslacey

    (@revanslacey)

    Thanks for your reply Gareth.

    Sure. The site is https://viewanda.com/

    The menu with the drop down that disappears is ‘Practitioners’

    I’ve made a few changes in the CSS to take out some formatting I thought was a bit ugly but nothing that I think would have changed the menus or hero elements.

    Thanks.

    Richard.

    Hi Richard

    Please, go to Plugins > Add New and install a Custom CSS plugin like SiteOrigin CSS. Then, go to Appearance > Custom CSS and insert:

    /* Menu */
#masthead .site-navigation .menu-wrapper ul ul {
    z-index: 9999;
}

    Hope that helps. We’ll ensure this fix is in the next version.

    We’ve packed quite a few changes into the next version 1.3.3. If you’d like to read about those, please, see: https://siteorigin.com/flexible-video-content-focus/. We’ve also updated the docs here: https://siteorigin.com/focus-documentation/

    Thread Starter revanslacey

    (@revanslacey)

    That worked a treat, thank you. Glad to be able to help find a little bug too.

    ??

    Super, glad to hear that did the trick. Thanks again for your feedback.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu drop down disappearing behind hero image’ is closed to new replies.