Main navigation menu problems according to window size

Hi. This question refers to:
At some window sizes the main navigation menu text is wrapped and two of the links become unclickable. How do I change the window size at which the hamburger menu replaces the full menu to prevent this happening?

Secondly, is there a way to reduce the size of the hamburger drop-down menu so that it is not displayed full-width?

Apologies if either or both of these questions have previously been answered, but having attempted many CSS additions proposed on these forums I have been unable to identify a solution.

Many thanks for your time,

hey there

Hope you are having a good day and thank you for your question
changing hamburger menu breakpoint is not a good solution because it cause some other problems, instead, i can offer something else
Please add this CSSĀ in appearance - customize - additional CSS

#site-navigation .module.left {
padding-left: 0px;
padding-right: 0px;

@media (max-width: 1120px){
.main-navigation .menu > li {
margin-right: 10px;
.main-navigation .menu li a {
font-size: 13px;

Colorlib Support Team

Thank you very much for the quick and excellent reply. The code you supplied has fixed the menu wrapping, and I am very grateful for your assistance.

Question answered. Keep up the great work!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,