Menu breakpoints on desktop

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…


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


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.


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