Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 14, 2017 at 10:51 pm #761015
    jstonestreet

    I have a 3rd party map plugin that has a full screen view, but the page’s elements are appearing over the map in full screen mode. Link is in the private content. The Full Screen button is on the upper right of the map.

    I tried setting the z-index of the color section containing the map to a high number, but that doesn’t change anything. I also tried changing the z-index on the map to a high number but that doesn’t change anything either. None of the page’s elements appear to have a z-index greater than 1 so I’m not sure why they’re appearing over the map, which has a z-index of 490.

    The plugin provider says this is a theme issue so they haven’t provided much help.

    Any ideas?

    Thanks
    JP

    March 15, 2017 at 11:06 am #761297
    Nikko

    Hey JP,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #map-cs {
    position: relative;
    z-index: 9999;
}

    Hope this helps :)

    Best regards,
    Nikko

    March 15, 2017 at 10:02 pm #761640
    jstonestreet

    Awesome! That worked! I didn’t include the position statement in my attempts to fix it. That was key.

    March 15, 2017 at 11:43 pm #761674
    Nikko

    Hi,

    Yes, relative position (or absolute) is needed for z-index to work. Glad we could help :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.