It’s located at http://shiaunycspine.com/

Thanks for your help. However, I’m still having trouble with items 3 & 4.

If you notice in my screengrab, the font color of the drop-down menu items didn’t change when static. The hover color change did work though. Can you please see why the static color didn’t change? Also, how can I make the hove font be bold as well?

Lastly, if you look closely, you’ll see the trim changed to the right color, but now it’s too short. It used to be perfect on all except one menu item, but now it’s different sizes throughout.

My website is located at http://shiaunycspine.com/dev/

Thanks! Almost there. Can you tell me how to fill in the little part that got left out? See the pic.

Didn’t see that change anything. What I mean is that I want it to look like the first screen capture on all pages…not like the second screen capture.

Thanks but it’s still not working. Take a look at this page: http://shiaunycspine.com/dev/about/dr-john-shiau-founder/

The line moved, but the title stayed in the same place.

Thanks. This sort of worked but not really. It makes the logo run over the allowed space for the header. My website is located at http://shiaunycspine.com/dev/.

I have your email I think. I’m going to send you my username and password in case you need to log in to see the issue.

Thanks

Thanks! That worked.

Hi Yigit! Thanks for your quick reply. Unfortunately that didn’t work. Any ideas? Here’s what I have under the custom css box. Maybe there’s something blocking it from working?

.content { padding-top: 10px; }
#top .title_container .container { padding: 0; min-height: 36px; }
.social_header .phone-info span { font-size: 18px; }
#header_main .container { height: 150px!important; line-height:150px!important; }
.social_header .main_menu ul:first-child > li a { height: 90px; }
.iphorm-element-spacer { padding-bottom: 0; }
#header_meta { display: none; }
.logo img { padding: 15px 0; }
.main_menu { top: 11%; }

#top #menu-item-search { display: none; }
.main_menu ul:first-child > li > a { font-size: 15px; }
.sidebar { padding-top: 25px; }
h3.widgettitle { font-size: 15px; color: #2a3032; }
.widget_nav_menu a { font-size: 14px!important; color: #2a3032 !important; }
#top .widget_nav_menu ul ul li a { padding: 2px 0px 3px 12px; }
.main_color strong { color: #333333; }

.header_color .main_menu ul:first-child > li > a, h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif !important; }
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { text-transform:capitalize!important; }
.widget a, .widget p { color: #333333 !important; }

.main_color h3.widgettitle { font-weight: bold; color: #ce1433; }

.widgettitle { font-size: 24px; }

Thank you so much for your SUPER FAST help. I’m very impressed!

One last tiny thing, lol! Could you show me how to add a little space above the logo so that it has the same amount of space that’s underneath the logo? And how can I lower the navigation a bit so that it’s centered with the logo?

Sorry for all the questions. I really appreciate all your help.

OK, just sent. Thanks!