make logo full height

Sparkling
1

Hi, my website is www.mundus-babyshop.com. I changed the header height and used padding-top to make the menu items come lower but i want my logo to be full height. Can you tell me how to make this happen ? Thanks

2

Hi @zorawar,

I hope you are well today and thank you for your question.

The following logo on your site is displaying full height on your shared site as shown in the attached screenshot.

http://mundus-babyshop.com/wp-content/uploads/2016/11/cropped-LOGO-DINKO-1.png

Please advise.

Best Regards,
Movin

3

umm actually what i want is that there should be no orange space above the logo. And if you could also tell me how to make the logo go a bit to the left so that all my menu items can fit on one line ?

4

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

#page nav.navbar.navbar-default {
    padding-top: 0;
}
#page nav.navbar.navbar-default .container {
    width: 100%;
}
@media (min-width: 745px){
#page nav.navbar.navbar-default .collapse.navbar-collapse.navbar-ex1-collapse {
    max-width: 70%;
    float: left;
}
}
@media (min-width: 1145px){
#page nav.navbar.navbar-default .collapse.navbar-collapse.navbar-ex1-collapse {
    max-width: 80%;
    float: left;
}
}