Top Header Margins

[ppenrose1408]

Having trouble with CSS for top header. Tried a few things, but “fix” damaged another part of header so obviously not what I wanted. Want it “shorter” to eliminate the space between text/social icons and Main Header. See attached image.

http://e4volleyball.com

Thanks as always for your help.

[Melanie – SUPPORT]

Hey, seems you fixed it already?
If not, which browser do you mean?

[ppenrose1408]

I just changed header types and included a top bar for now. Ultimately I’d like to change back to the header 7 and eliminate the top bar or have some login functionality in the top bar with the social icons. It can wait though as I don’t have the login working the way I want as of yet either which is why I took it down for now.

[Kyle – SUPPORT]

Ok no problem

[Paddaman]

Hi There,

I also have same problem. I am using header7. When I add : [social size=”standard”] to the top, I get extra spacing at the top (below the facebook logo).

I am also struggling to get the spacing gone above & below my logo..

Website is : http://www.photoalbumsonline.co.za

Thank you & enjoy the rest of the day!

[Melanie – SUPPORT]

Hi,

this will remove the unnecessary spacing below the facebook icon

ul.social-icons {
margin: 0px;
}

What’s the problem with the logo spacing?

[Paddaman]

Thank you! that worked like a charm 🙂

The logo also have a white space at the top & bottom?

[Mohammad – SUPPORT]

@Paddaman – Please use this css

.sticky-wrapper{height:95px !important}
#header .header-container{padding-top:5px !important}

Thanks 🙂
With Best Regards
Swift Ideas

[Paddaman]

Thank you! Worked!

[Mohammad – SUPPORT]

Hi,

@Paddaman – you most welcome . I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas