Responsive menu overlaps search container
Issue #534
resolved
When the navbar collapses, it hides the result container below:
As a workaround I changed file view/theme/default/templates/common/layout-search.tpl
on line 91 to this:
<div id="mainscreen" style="z-index:-1;">
Bye!
Comments (8)
-
repo owner -
Changing the z-index is a dirty hack.
Exactly which browser and screen resolution.
-
Sorry: - Google Chrome 41.0.2272.101 - I use a FullHD screen with the browser snapped to the right or left side, so the width was 960px.
-
Its caused by the absolute positioning.
-
Thanks, I'm testing around a bit.
-
I use it like this now:
#piler1.container-fluid{padding-top:0;max-height:46px;box-shadow: 0 2px 2px #999;} #mainscreen{position:absolute;top:120px;right:20px;bottom:20px;left:20px;min-width:320px;z-index:-1;}
Looks like this: https://www.debinux.de/wp-content/uploads/piler_now.png
I'm not saying this is a fix. :-P Just looks okay and I'm fine. Keep up your good work! I will place a bigger donation next month.
-
repo owner OK, thanks in advance.
-
repo owner - changed status to resolved
- Log in to comment
What was the browser size when the navbar collapsed?