www. varelaandsons.com As you can see, the logo is behind the menu bar. How do i move the title down so that I can see the whole thing?
1. The #top div has a 70px top padding, which is pushing the logo down. Do you need this much space above the logo? If not, remove the padding-top from this line: #top { background: #d2d2d2 url(images/top-bg.png) repeat-x; border-bottom: 1px solid #ffffff; padding-top: 70px; } Code (markup): 2. The menu is absolutely positioned 46px from the top of the browser. The logo is 157px high so it will always overlap. Either remove the absolute positioning or set it to 160px: #menu { position: absolute; top: 160px; left: 0px; background: url(images/menu-bg.png) no-repeat; width: 960px; height: 55px; } Code (markup): 2. The logo and menu are within your #header DIV, which has a height set to 100px. The logo is 157px tall, the menu is 55px tall, so they won't both fit within a 100px high DIV. Change the height to 220px and see what it looks like: #header { height: 220px; } Code (markup): As a side note, the code needs a good clean-up. Think about moving the in-line javascript to an external file - at the moment you don't get any real content until line 310 of the code. Let me know how you get on Mike
How do I move the featured slider down with the menu? Also when I move the menu down, the buttons don't work anymore