Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

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)

2011-11-09

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.

2011-11-09

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!

2011-11-09

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!

2011-11-09

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