Too much space above and below logo

[wire12xuParticipant]

I decided to use a logo on one of my sites but for me there’s too much space above and below the logo. It’s especially noticeable on the mobile version of the site.

My site is http://www.affordablecampervanconversion.com

What’s the css code that would bring everything closer together as in the before and after images below.

I also wanted to have the menu icon appear in the top right just below the social media icons instead of below the logo.

https://affordablecampervanconversion.com/mobile.jpg

Thanks in advance,
Aldo.

[Manisha (CyberChimps Team)Keymaster]

Hi there,

I have checked your site the space above and below the logo is as per theme as the logo size is too big it seems to be having more space.

And for moving the menu icon to appear below the social media icons will need code customization in theme.

Customization in CSS and code comes under Prime Support.If you need to customize your code then you need to buy our Prime Support.

Regards,
Manisha Rajput.

[wire12xuParticipant]

Thanks, I resized the logo to a maximum width of 285 pixels and that put the menu icon at top right where I wanted it. I cropped all the space around the logo image and that reduced the space around it. I then added this code and that got rid of even more space above the logo. All good now!

header#cc-header #logo {
margin-top: 0px;
}