- This topic has 4 replies, 2 voices, and was last updated 7 years, 3 months ago by
.
-
Posts
-
Hello Ernest,
How do I control the z-index of my Multiselect with search drop-down menus so they are not hidden by elements below? Please see the screen capture attachment depicting my drop-down menu partially hidden by the footer section. There are actually 7 items in this particular drop-down.
Thank you very much,
DonHi Don,
That is hard to tell only by a screenshot, as it could be an overflow issue, as well as a z-index issue, or both combined. The overlaying element z-index might need to be adjusted as well.
Can you pelase add a link to a page where I can check this issue? No need for admin credentials or anything, I should be able to construct a custom CSS via the browser console.
Sure… here you go Ernest:
https://chasebrothersland.com and scroll to the bottom, please.
It’s a work in progress on a development site but I really like what I was able to do with your plugin so far. I think the only way you’ll be able to see the problem is when resizing the window all the way out on a big display and then reducing its size. I haven’t checked it on a laptop yet but will do so right now.
Thank you,
DonHi Don,
Thank you very much.
Well, unfortunately this is not a z-index issue, but an overflow problem. The section container has an invisible overflow set, which means, that none of the containing element can be visible outside the container boundaries, see: https://i.imgur.com/Fukn5zX.png
This is not possible to bypass in any way. The only exceptions are fixed positioned elements, but in this case tit’s not applicable.I am not sure what is the best resolution here. The overfolw I guess is needed for the parallax effect. Maybe instead of searchable multiselect, using a checkbox layout could work, as it has a fixed height, and no floating elements.
- You must be logged in to reply to this topic.