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
bump. anyone got any input on this issue?
bump. still need help with this :\
any help at all??
bump
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
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
Nevermind, I got the second column to work, I just need help with making the drop down stay on the screen/be responsive