dropdown nav disappearing behind content
Permalink
Hi there, a general question
on a test page
http://www.emina-rock.com/test-site...
I have a social slideout widget. I would like it to always show on top, but when the page is zoomed to narrow the images and sometimes the frame of the widget will disappear behind the image lider.
The same goes for the superfish drop down menu.
The dropdown menu in turn will sometimes disappear behind youtube video blocks
What can I do to always show these on top of everything else?
Is this something to do with z-index?
And why is part of the slideout in front while other parts disappear?
Thxs a lot
on a test page
http://www.emina-rock.com/test-site...
I have a social slideout widget. I would like it to always show on top, but when the page is zoomed to narrow the images and sometimes the frame of the widget will disappear behind the image lider.
The same goes for the superfish drop down menu.
The dropdown menu in turn will sometimes disappear behind youtube video blocks
What can I do to always show these on top of everything else?
Is this something to do with z-index?
And why is part of the slideout in front while other parts disappear?
Thxs a lot
Thxs a lot lbooth!
Where would I add that code? I thought maybe in the css of the blocks, but the social slideout block doesn't even have a css file.
Or would I add this to the page php files in my theme (full, left sidebar ...) ?
Where would I add that code? I thought maybe in the css of the blocks, but the social slideout block doesn't even have a css file.
Or would I add this to the page php files in my theme (full, left sidebar ...) ?
I just looked into the view.php of the social slider block and z-index there was set to 1200
I set it to 11200 but this didn't effect the display at all
I set it to 11200 but this didn't effect the display at all
You probably need to set some div's to position:relative in your css to get the z-index to work correctly cross browsers
So something like:
.slideout_FB, .slideout_Twitte, .slideout_Googleplus, .slideout_Youtube {
z-index:100;
}
should bring the icons infront of the slider and the menu issue will be the same so id the correct class and increase the z-index.