Placing modules on top of the map module

  • Resolved thyholynoodles

    (@thyholynoodles)


    4 years, 10 months ago

    Hi there

    I wish to use a map as a background for my webpage. To do this I have scaled and translated the map module to the desired location and increased the opacity to it appears behind the other modules. However, the map still appears to be on top of the other modules, as I am unable to expand some of the drop down menus.

    I was wondering how to place the map behind the country drop down modules, so that I can activate the drop downs properly, but still see the vector map in the background

    Thankyou!

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

Viewing 1 replies (of 1 total)
  • Plugin Author Enrico Urbinati

    (@enrico-urbinati)

    Hi thyholynoodles,

    saying you’re trying to push to the extreme the svg created by plugin, I’m impressed by this use: never though about it ??

    Said that, you could simply assign some css style to your left hand menu.

    .et_pb_column {
position:relative;
z-index:3;
}

    you could insert it into style.css. If it does not work use something like :

    .et_pb_column.et_pb_column_1_2.et_pb_column_1 .et_pb_css_mix_blend_mode_passthrough{
position:relative;
z-index:3;
}

    Please let me know!

    or 

    .et_pb_column {
position:relative !important;
z-index:3 !important;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Placing modules on top of the map module’ is closed to new replies.