How can I put more into mu main menu ?

Hi there,

you have this CSS on your site:

.main-navigation:not(.toggled) .main-nav > ul {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

Which is causing the menu to overflow on smaller screens.
Delete that CSS.

Then to center the navigation use this:

@media(min-width: 820px) {
    .main-navigation:not(.toggled) .inside-navigation {
        display: flex;
    }

    .main-navigation:not(.toggled) .inside-navigation .main-nav {
        margin: auto;
        padding-left: 56px;
    }
}

thx :)

You're welcome