Hi,

Is there a way to selectively define the height of the navigation bar / logo area when switching to mobile view?

In the template styles, the height of that area can only be defined in general. This is fine for normal view but when switching to mobile view, it would be preferable to set a smaller height to ensure that not that much space is taken.

Thank you for any hints.

Hi there,
the height of the mobile menu/logo depends on your mobile logo height. Please use another logo for the mobile logo > logo-small

Thank you for your feedback. The navbar height does not scale depending on the logo height, at least not if you set it e.g. to 100px. Both the normal desktop and the mobile view will use that height. Is there any way to provide different heights for different viewing modes?

Best wishes

Live Url please!

(link)

Hi there,
you can chnage the height of the mobile menu with css.
Add this code to your css/custom.css

.uk-sticky-placeholder {height:80px !important}

Wenn sie das sticky menu lediglich für gewisse Screengrößen ändern möchten, dann können sie das mit den media queries machen

@media screen and (max-width: 768px) {
.uk-sticky-placeholder {height:80px !important}
}