I'm having some trouble getting my logo to vertically align to the middle of my nav bar. Currently it seems to demand being top aligned. If anyone can give me some help it would be much appreciated! artsatheart.atwebpages.com Thanks!
Hiya looking at the code you've put your logo as a part of a list, that's ok but the logo image is too big so it pops under...you can change the size of the image either by physically changing the size in Photoshop or by using CSS...try experimenting with adding style="height:55px;" after the <img id"logo" in your code
Currently the nav height is 80px. So if the img height is >80 then the img goes outside. If it is <80 it rises to the top of the nav. Can I have css always auto size the img to remain vertically centered in the nav?
BONUS: You could also try removing the height off of the nav bar. This will force it to use your logo to determine its height, then simply add top and bottom padding to the NAV bar, then your logo will always be vertically centered!