[CSS] Customize menu color/Sub-menu layout

nickjamison

Hi all - Looking to change the nav menu at the top of my page to white and also looking to make the sub-menu under "STILLS" to go horizontally rather then vertically. Any to achieve either of those through css? Heres the page: http://www.nickjamison.com/stills. Thank you for your help.

Hikin' Mike

Looks like you figured out how to change the color of the nav text. This should make your drop-downs go horizontally.

.sm-user-ui .yui3-menu-item {
    display: inline-block;
    }

nickjamison

@Hikin' Mike said:
Looks like you figured out how to change the color of the nav text. This should make your drop-downs go horizontally.

.sm-user-ui .yui3-menu-item {
  display: inline-block;
  }

I did indeed. Thank you sir. At this point I think I owe you a Christmas present for all your help.

Hikin' Mike

@nickjamison said:

I did indeed. Thank you sir. At this point I think I owe you a Christmas present for all your help.

No problem, I'm bored...lol!

nickjamison

@Hikin' Mike said:

@nickjamison said:

I did indeed. Thank you sir. At this point I think I owe you a Christmas present for all your help.

No problem, I'm bored...lol!

LOL. Well in that case, I thought you had a tutorial on this on your webpage but now I'm not finding it. Id like to reduce the top and bottom margins of the submenu boxes (making them transparent might be a viable option) and maybe the font size in order to make the dropdown seamlessly drop below the menu and remain in the black header box... does that make sense?

Hikin' Mike

This is the current padding for the labels:

.yui3-menu-item > .yui3-menu-label {
    padding: 13px 46px 12px 22px;
    }