Menu breakpoints on desktop

Hello
how can I reduce the space between the menu topics or prevent an early breakpoint ?

On desktop,in my example, the breakpoint force the language selector to move under the navigation, even when there is enough space…

Hi,

Here is the CSS code to reduce the space between menu items:

.main-navigation li {
    padding: 0 7px;
}

The 7px value is used to adjust the left and right (padding) space.

You can put the code into Customize > additional CSS

Regards,

1 Like

Great @awan, thank you very much, but how can i change the breakpoint till
the menu switch to the mobile (hamburger) menu, there is still so much space.

Thanks, great lightweight theme by the way, guess i will get the PRO version when my customer accept my demo.

Hi,

I don’t understand enough about this question, can you explain it more detail?