First menu item not clickable. WordPress
- SOLVED
Hello,
I've got a custom post type and a custom taxonomy associated to the custom post type. I've created a menu based on the taxonomies in the WP menu and activated the menu in a sidebar. Everything looks fine except that the very first menu item in the menu is not clickable. When I look at the html it looks exactly the same as the other items that do work.
Here's the link: [[LINK href="http://beta.snapsize.com/recipes"]]http://beta.snapsize.com/recipes[[/LINK]]
This is also happening with another custom post type and taxonomy on the 'Products' page. Here's the link to that page:[[LINK href=" http://beta.snapsize.com/products"]] http://beta.snapsize.com/products[[/LINK]]
I never thought I'd be so baffled by such a thing. This one's got me, please help.
Regards,
Denis
Answers (4)
Jim Dugan answers:
Looks like your header is blocking it. I'd suggest setting the z-index for the widget menu to bring it forward.
#main_header {
position: absolute;
top: 0;
z-index: 10;
}
#content_wrap {
padding: 150px 0 0;
position: relative;
z-index: 3;
}
Not sure how I'd fix this but there's the problem.
Denis Leblanc comments:
You're so right. I just realized that after I removed the <h2> and the top 3 were suddenly not working. Damn.
Luis Cordova answers:
it is workbing but the main_header is coming down and overlaying the whole thing section that is why you can't click on it because of the logo image
Luis Cordova comments:
add
height: 200px;
#main_header {
position: absolute;
top: 0;
z-index: 10;
height: 200px;
}
@ master.css line 115
Luis Cordova comments:
master.css is this file: http://beta.snapsize.com/wp-content/themes/Capital-V1/css/master.css
Luis Cordova comments:
that is the solution, I just tried and it works, add 1 liner :)
hope that helps!
Matt Varone answers:
Hi Denis,
The issue is the absolute positioning of the: #main_header The overlapping element is what's causing the trouble. Check the image attached to see the space used by your header. I would recommend to remove the position: absolute; rule from the #main_header and give that to the #logo You will have to switch the float:left on #global_nav to float:right
Kind Regards!
Gabriel Reguly answers:
Hi Denis,
As the other experts said, the links are working, it is your CSS that has some flaws.
I'll post a fix hee soon.
Regards,
Gabriel