Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #330606

    I am using the columns on my pages (1/4 column width) and I am also using a plugin called shortcodes ultimate that can put a drop down spoiler. Everytime I open the drop down menu, the column beside the one with the drop down takes priority visually.

    To easier show what I mean, if you go to my website (in the private content) and you click on the drop down menu, the column beside it will show it’s picture infront of the menu. I already tried z-index, and that just gave priority on the column itself, not the whole page. Anyone know how to give an object priority over the WHOLE page?

    Side request: Anyone know how I can make one of the drop down menu’s close when another one is opened?

    Thanks,
    Sal

    #330622

    bump. anyone got any input on this issue?

    #331047

    bump. still need help with this :\

    #331216

    any help at all??

    #331834

    bump

    #332179

    Hey!

    Thank you for using Enfold. Sorry for the delay.

    Please try this:

    .page-id-2485 .flex_column.av_one_fourth.avia-builder-el-5.el_after_av_one_fourth.el_before_av_one_fourth, .su-spoiler.my-custom-spoiler .su-spoiler-content {
    z-index: 9999;
    }

    Cheers!
    Ismael

    #334414

    Hey Ismael,

    That worked for the first column, but the second one is still being sent behind the other one, any idea?

    Also, do you know how to make the drop down fit on screen? For example, if you click the one on the third column, it gets cut off the screen, so I want to make it responsive.

    Thanks

    #334415

    Nevermind, I got the second column to work, I just need help with making the drop down stay on the screen/be responsive

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Moving certain objects in front (visual priority)’ is closed to new replies.