Too big menu background on mobile

Hi guys,

I have a problem with the menu on mobile: http://blomstra.de/about/

On dektop it works all good, but on mobile the menu background suddenly expands when scrolling down.

This is how it is supposed to look, menu backgorund is just big enough to cover the menu
mobile%20menu_top
(top of the page)

If I start scrolling down this happens:
mobile%20menu_down
Menu background suddenly expands and covers way more than it should.

How can I fix this?

All the best & thanks for your help,
Daniel

Hello Daniel, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media only screen and (max-width: 767px) {
    .site-header.float-header {
        padding: 0;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Works like a charm, thank you Roman!

Great! You are welcome Daniel :slight_smile:

Kind Regards, Roman.