Map scrolled over the sticky menu

  • I use a sticky menu and configured OSM-EM maps to display full width of the screen in the Single Event page. When I scrolled the page up, the map ran over the menu and covered it. On the same token, my submenu items are covered by the map when the map is partially moved up. The rest of the page did not behave like that. It just went under the menu when scrolled, as expected. Can this be fixed, or is there a solution I am not aware of?
    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Stonehenge Creations

    (@duisterdenhaag)

    You can change (higher) the z-index of your menu in your css stylesheet.
    https://www.w3schools.com/cssref/pr_pos_z-index.asp
    Something like z-index: 999; should do the trick.

    Changing the index of your menu will apply to all other elements on your website (now or in the future) as well. ??

    Thread Starter francoc30

    (@francoc30)

    Hi Patrick, I am not a coder. Can you show me where to look (path and file name, etc)?
    Also would it be simpler to adjust the z-index of the plugin itself?

    Plugin Author Stonehenge Creations

    (@duisterdenhaag)

    No, because that would be different for every website. Your menu should have the highest index anyway. That should be part of good theme design.
    For example, the plugin lowers to z-index 50, but your menu is on layer 40, then is still has problems. As a developer I can not determine what other elements there are on every website. ??

    https://themeskills.com/ways-add-custom-css-wordpress/

    Thread Starter francoc30

    (@francoc30)

    I tried adding the z-index codes into my child theme using different classes and IDs that I thought I can hit one right. But no success. I guess I’ll leave it for now. Thanks for the pointers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Map scrolled over the sticky menu’ is closed to new replies.