Topic: ubermenu and captions [SOLVED]
Hi,
juicebox captions appear on top of Ubermenu and hover elements. How can I push the captions back?
site: www.edvervanzijnbed.nl
You are not logged in. Please login or register.
Juicebox Support Forum → Juicebox-Pro Support → ubermenu and captions [SOLVED]
Hi,
juicebox captions appear on top of Ubermenu and hover elements. How can I push the captions back?
site: www.edvervanzijnbed.nl
The easiest solution would probably be to increase the CSS 'z-index' value on your menu and hover elements so that they are stacked on top of all gallery elements.
I don't actually see the problem myself.
If I scroll down one of your pages with a gallery on it (so that the caption area is close to the menu) and then hover over a menu button, the menu element completely covers the gallery (the caption does not show through).
If you can tell me exactly how I might be able to see the problem (which page or pages exhibit the problem and what steps I can take to replicate it), I will take another look and hopefully be able to help further.
for instance if you open the 'foto albums' menu (which is quite high) the captions of the gallery in the sidebar to the right (Live meekijken) shows through. But somehow it doesn't show through if you scroll down and the menu is made sticky.
Thank you for the additional information.
I now see the problem in your sidebar gallery when the menu is not fixed to the top of the page.
It looks like it might be enough to just add the following to your web page's CSS:
.collapse {
z-index: 9999;
}
Add this to the existing .collapse code in your 'bootstrap.min.css' file (on line 2704) and it will be included in all of your web pages that load the CSS file.
Hopefully this will solve your problem.
For reference, further information about UberMenu and 'z-index' issues can be found here.
that didn't help, any other idea's about in what file I should change the z-index?
It worked for me (with your menu covering both the gallery's Button Bar and caption area) when I dynamically added the code to your web page locally using the developer tools in Firefox.
Please try changing lines 2704-2712 in your bootstrap.min.css file from:
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease
}
... to:
.collapse {
z-index: 9999;
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}
... and clear your browser's cache before reloading your web page to ensure that your browser is using the new version of the CSS file.
If this still does not work, then please let me know and I'll take another look.
Also, the link I posted above (regarding UberMenu and 'z-index' values) should help.
http://sevenspark.com/diagnosis/z-index … rm_ref=877
You where right, I work with a child team and first made the change in the child directory. When I made the change in the original theme subdir it worked. Thanks.
I'm glad it worked. Thank you for letting me know.
Juicebox Support Forum → Juicebox-Pro Support → ubermenu and captions [SOLVED]
Powered by PunBB, supported by Informer Technologies, Inc.