Logo on mobile view

[Christine Kosoff]

I just finished our new website http://www.ckddenver.com

When you view it from mobile, the logo takes up halfg of the screen. Even on desktop, the menu is much taller than I want. Is there a place to fix this?

[themearile]

Hi Christine Kosoff

Okay, Kindly add the below CSS in the Additional CSS box, Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

@media (max-width: 500px){
.navbar-brand img {
max-width: 108px !important;
}
}
@media (min-width: 992px){
.navbar-brand {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}

Let us know if it works.

Thanks

[Jivko Ivanov]

Hi,
This code is working and now the Logo is smaller. Thanks!
Is it possible to free more space and to not show the Logo in mobile view?
Thanks

[Jivko Ivanov]

Is it possible to free more space and to not show the Logo in mobile view if you scroll down?
Thanks

[themearile]

Hi Jivko

Please also add the below css code in the Additional CSS box.

@media (max-width: 500px) {
.navbar.classic-header .navbar-brand {
display: none;
}
}

This will help.

Thanks

[Author]

Posts