try just

.top_wrapper {
padding-top: 90px;
}

I tried it on your site using Chrome’s inspector and it worked. (I was having the same problem and this code worked for me)

https://docs.google.com/a/vandertech.com/file/d/0B4iHgURlvrpgNG9LN2xwakJlZk0/edit?usp=drivesdk

After applying it your site, your site looks like this:
https://docs.google.com/a/vandertech.com/file/d/0B4iHgURlvrpgaWRram9uSEhxdmc/edit?usp=drivesdk

• This reply was modified 10 years, 3 months ago by James.

Note: the css hack prevents the sticky menu from working properly on at least Chrome – it no longer floats as you scroll down, which is a bummer.

Here’s the JS workaround which’ll keep the sticky header working. Add this to the custom JS under General Settings:

$('.top_wrapper').css({paddingTop:'130px'});

That needs to go between the

jQuery( function ($) {

and

});

The Custom JS doesn’t even load, so that post above doesn’t work.

• This reply was modified 10 years, 3 months ago by James.

Hello,

Please  edit the given code to this:

.top_wrapper {

padding-top: 90px !important;

}

Best regards!

• This reply was modified 10 years, 3 months ago by Ruco.