Comments on: Thesis Nav Menus

By: Rzym

Rzym — Thu, 19 Jan 2012 18:50:01 +0000

Thanks so much for this really helpful post! I love your tutorials.

By: Rasel Rony

Rasel Rony — Thu, 05 Jan 2012 11:48:51 +0000

thanks a lot, I made some changes to my thesis nav menu, using your codes

By: kristarella

kristarella — Tue, 04 Oct 2011 11:46:45 +0000

Sorin --- You have to find the unique ID or class of the menu item to change its colour individually. You can do that by viewing the source code or using Firebug or Webkit Inspector.

By: sam

sam — Mon, 03 Oct 2011 19:25:37 +0000

Never mind I figured it out. Just needed to switch the widget to relative instead of absolute positioning. :)

By: Sam

Sam — Mon, 03 Oct 2011 12:47:48 +0000

Great tutorial! I used it as a reference to customize my nav. But I am having an issue. See I have these social media icons I would like to float to the right of the nav bar a certain distance from the menu. The problem is I got them there but had to create a custom absolute positioned widget to get it there. It looks great on my screen however when viewing on screens of lower resolution the social icons go all whack. Is there a way to just add them to the nav menu instead of a customer widget. I would also assume it would help speed up load time. Thanks and you rock!

By: Sorin

Sorin — Sat, 01 Oct 2011 11:19:56 +0000

Dear KRISTARELLA,

I add a link in menu with menu option from wordpress and i want to get it other color of tab for this link from menu.

You know how i can do this?

Thank you.

By: Stephen

Stephen — Sat, 20 Aug 2011 06:28:55 +0000

Thank you so much Kristarella. You made my year, and you are absolutely right, the WP menu system is so much more flexible and easy to use. I wish I had been using them from the start. Really, I can not thank you enough! I would never have figured this out…

Stephen

By: kristarella

kristarella — Mon, 15 Aug 2011 06:56:09 +0000

Stephen --- I'd recommend switching to the WordPress menu system. To do so, create a menu under Appearance > Menus and set it as the Primary Menu in the dropdown on that page, then change your menu settings in Thesis Site Options to use the WP menu. WP menus are a bit more flexible to manage and they don't have the titles by default.

By: Stephen

Stephen — Sat, 13 Aug 2011 19:45:06 +0000

I have been spending hours trying to get rid of the “description” of my menu times when I hover over them. When I create drop down menus these descriptions block the text and make it impossible to use the menu. Is there anyway to get rid of this using custom css. Please help, I am going crazy…. Also thank you so much for this wonderful post.

By: kristarella

kristarella — Sun, 05 Jun 2011 21:03:51 +0000

Gigi --- The best place is probably the Thesis forums ;-) But I can try to point you in the right direction...You need to make the nav a bit physically wider than the content and move it to the left a bit, then add a background image that is simply the little triangles that create the folded effect. For example, the image used on that site is here.To widen the nav, move it left, and add a background you need CSS something like:

.custom .menu {width:100%; padding:0 10px 10px; position:relative; left:-10px; background:url(images/nav-bg.png) center bottom no-repeat;}

. The middle value for the padding and the move left should be the same number of pixels as your triangle "fold" width. The rest of the nav background is the colour of the links themselves, you probably won't need an image for that.