menu problems

[Joseph Jaramillo]

Hey I changed some of the font sizes and types and now the menus don’t work correctly! Please advise and thanks!

Attachments:

1. Findersnapz001.mov

[Bill Robbins]

It looks like we need to move up the sub-menus so there isn’t such a gap. Here’s how:

1. Go to the Appearance section in your WordPress control panel and select Edit.
2. From the list of files on your right, choose style.css
3. Find this spot:

   
   nav#top-menu ul li:hover > ul {
   	display: block;
   	position: absolute;
   	width: 200px; 
   	top: 100%;
   	margin: -21px 0 0 -14px;
   	background-color: #181919;
   	padding: 10px;
   }
   

4. Replace that with this:

   
   nav#top-menu ul li:hover > ul {
   	display: block;
   	position: absolute;
   	width: 200px; 
   	top: 100%;
   	margin: -35px 0 0 -14px;
   	background-color: #181919;
   	padding: 10px;
   }
   

5. Save your changes.
6. See if that works better. You can adjust the -35px in the snippet above to move the menu up or down (more negative = up) until you get the correct functionality.

I’ll add an option to set this in the theme options for the next update so after you update the theme next, you’ll want to find it (it’ll be in the header section) and set it there.

Let me know if you run into questions,
Bill

[Author]

Posts