Main navigation menu problems according to window size

Shapely
1

Hi. This question refers to: http://stuartblack.website
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,
Stuart

2

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;
}
}

Thanks!
Colorlib Support Team

3

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!

4

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,
Support