Change logo padding when scrolling

Hi there!

My name is Nora and I’m tweaking my first wordpress web and, of course, I need some help. Here’s the web http://www.casanostrafilms.com

I tweaked the header code because the logo (I don’t know why) was too close to the header_meta (leaving a lot of space at the bottom but not enough space above). I also tweaked font sizes and other stuff, here’s the code (I’m showing everything in case there is something disastrous that I haven’t noticed):

#header {
font-size: 18pt; !important}

#header_main {
border-bottom-width: 0px;}

#header_meta .container{
min-height: 40px;}

#top .social_bookmarks li{
float:right; padding: 5px; !important; }

#top .social_bookmarks li a {
float:right; !important; }

#top .main_menu .menu > li > a, #header_main .container{ font-size: 10pt; !important; }

.breadcrumb.breadcrumbs.avia-breadcrumbs { color:#CC0000; }

@media only screen and (min-width: 1140px)  {
.logo img { padding-top: 20px;  }
}

@media only screen and (min-width: 760px) {
.logo img { padding-top: 20px;  }
 }

As you see it is the fixed header and when I scroll it the logo is too close to the bottom, so I would like to change the padding on the logo image again but only when scrolling so it’s height centered. Hopefully I won’t have to change .js

Thanks a lot!!!!

Nora

• This topic was modified 11 years, 1 month ago by norasp.