jblayney
asked on
drop down menu blocks search boxes
Hello,
Im a bit stuck.
http://oca.darkstarmedia.net
At top of page I have a drop down menu and 2 search boxes. In order to make sure that the menu gives over the search boxes I added
.site-navigation, .site-navigation:hover {
z-index: 1000;}
The problem now is that I cannot use the search boxes, they are blocked.
This also needs to work on responsive menu
Im a bit stuck.
http://oca.darkstarmedia.net
At top of page I have a drop down menu and 2 search boxes. In order to make sure that the menu gives over the search boxes I added
.site-navigation, .site-navigation:hover {
z-index: 1000;}
The problem now is that I cannot use the search boxes, they are blocked.
This also needs to work on responsive menu
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you! I had an intern build this theme, she did ok, but I'm discovering many easter eggs for me to fix
You are welcome.
Any fix will just be add on junk to fix a broken layout and likely create further problems - remove the absolute positioning and use Bootstraps CSS
There is no reason for absolute positioning in your layout - wanna nudge something a little bit then use a negative or positive margin