Padding above and below shop logo too large

[npmpd2k4]

Dear Prestashop Community

 

I'm having an issue finding how to reduce the padding above and below the logo (see attached img) - this is not really an issue in the desktop version but it really eats into screen real estate in the mobile version

 

For reference, the site is: www.kayme.co.uk and I'm using Prestashop 1.6.0.14

 

Thanks so much in advance

[3DStudio]

behind the dresses menu there is 64px image 

http://www.kayme.co.uk/themes/trendy/img/bg_menu.jpg   you must cut that image to the size you wish 

then  in your css file  http://www.kayme.co.uk/themes/trendy/autoload/media.css line 61

#block_top_menu {
    height: 64px;
}

change the 64px to the size you have reduced

 

the grey field above your logo 

you can remove it in your css file  ...trendy/css/global.css completely with display: none;  or reduce the number of heights

header .nav {
    background: #F1F1F1 none repeat scroll 0% 0%;
    height: 30px;
    line-height: 30px;
    display: none;
}

[tomerg3]

Try getting Firebug for Firefox (other browsers also have debuggers).

This will let you click on any element and see all its CSS properties, the file and line number where they are set.

 

You can edit those values in the browser until you get the desired results, and then make those changes in the CSS files.

[npmpd2k4]

Thanks for both of the feedback - it hasn't completely solved the issue but I'm getting there through trial and error with Firebug - I'm not experienced in hunting down these elements but the live edit feature makes it easy (-ish) to see what's going on

 

Thanks