Reduce padding in menu and logo area. - Support | Kriesi.at

Tagged: CSS, logo, padding

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
September 23, 2013 at 11:06 pm #165348

Swarez
Participant

Hey guys

Anyone point me to the CSS to reduce the bottom padding underneath the logo?

See here for what I mean: http://www.swarez.co.uk/header-padding.jpg

Website is http://www.swarez.co.uk

I have some white pixels at the top of the PNG logo just to line it up with the menu but will remove this once I can find the CSS for the padding underneath it! I just want to compress the menu area together a little.

Thanks in advance
Ed

September 23, 2013 at 11:13 pm #165356

Yigit
Keymaster

Hello swarez!

Your website is right-click disabled. Can you please enable it so we can inspect elements and give you more accurateCSS codes?
Nice logo by the way!

Best regards,
Yigit

September 23, 2013 at 11:40 pm #165365

Swarez
Participant

Oops! Sorry dude…

Right click disabled. Cache emptied.

Thanks for the feedback! :)

Ed

September 24, 2013 at 11:46 am #165563
Yigit
Keymaster
Hello!

Can you firstly delete following CSS code
```
span.logo { width: auto; }
```
Regards,
Yigit
September 25, 2013 at 12:12 am #165877

Swarez
Participant

Thanks Yigit – where will I find that? I checked the CSS files :( Sorry…

September 25, 2013 at 2:54 pm #166108

Swarez
Participant

Fixed it…

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 86px; line-height: 86px; }

.fixed_header.social_header #main{
padding-top: 116px;
}

Job done with some investigation and head scratching. Reduced the width of the menu/logo container from 116px to 86px (giving me an extra 30px of space; then reduced the container height to match.

Still responds when scrolling but have crucially reclaimed 30px of content space! Whoop…

September 26, 2013 at 4:20 am #166387

Ismael
Moderator

Hi!

Glad you fixed it. :)

Cheers!
Ismael
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Reduce padding in menu and logo area.’ is closed to new replies.