Padding around logo

Hey there,

If we’re talking about padding on the logo class:

.logo {
padding: TOP-VALUE RIGHT-VALUE BOTTOM-VALUE LEFT-VALUE;
}

If you want one value for all then just enter the one:

.logo {
padding: VALUE;
}

If you want something more specific it would help if you could link to your site please so I could see what’s happening and what you refer too ??

Take care.

Thank you. I put the site in but didn’t link it. It is a live site.

https://www.BurkeHydra.com

The logo is(83 px height, 400px width) so the border of the image is only 1 pixel above and below the logo design you see.

Also the main page’s padding is greater than the other pages (which have too much padding as well) Thank you.

This is what is in the current style css

/*HEADER*/
.header{width:100%; float:left;position:relative; margin-bottom:10px;}
.header a{ color:#333;}
.header .head_soc{ position:absolute;right: 0; bottom:-10px;z-index: 9999;background: url(images/submenu.png) repeat; cursor:pointer;}
.header .center{ }

/*Headers4*/
.header4{width:100%; background:#333; height:auto; float:left;}
.header4 a{ color:#fff;}
.header4 .center{ position:relative;}
.header4 .logoimga{ display:block; float:left;}

.header4 #topmenu{ margin-top:0;}
.header4 #topmenu ul li{padding: 0 10px 0 10px; padding-top:34px; padding-bottom:31px;border-bottom: 3px solid transparent;margin-left: -4px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.header4 #topmenu ul li ul li{ padding:0; margin-left:0; border-bottom:none; line-height:normal!important; height:auto!important;}
.header4 #topmenu ul li ul{top: 90px;margin-left: -80px; margin-top:0;}
.header4 #topmenu ul li ul li ul{ margin-top:-90px; margin-left:0;}
.header4 .current-menu-item{ background:rgba(0, 0, 0, 0.1);}
.header4 #topmenu ul li:hover{background:rgba(0, 0, 0, 0.03);border-bottom: 3px solid #2dcb73;}
.header4 #topmenu ul .zn_parent_menu:hover{border-bottom: 3px solid transparent!important;}
.header4 #topmenu .sub-menu{border-top: 3px solid #2dcb73;}
.header4 #topmenu ul li:hover ul li{ border-bottom:none;}

.bigmenu{text-align: center; width: 100%;}
body .header4 .bigmenu ul li:hover{ background:none!important;}

/*LOGO*/
.logo{ float:left;}
.logo h2, .logo h2{ float:left; font-size:0px; margin:0px 0;}
.logo h2 a, .logo h2 a{ font-weight:bold;}
.logo img{ border:none; margin:1px 0;max-width:100%; height:auto;}

Sorry if I am providing too much.

Hey there,

Totally missed that link before, sorry about that ??

Some CSS like this should help shrink that header for you and realign the contents a little:

.header4 {height: 120px;}
.logo h1, .logo h2 {margin: 20px;}
.header4 #topmenu ul li{height:10px; margin-top:-20px;}

Hope this should get what you desire or at least on the way to it. ??

Take care.

That is better. Thank you for your help