Mobile menu breakpoint issue
Hello,
I can't seem to find a way to increase the mobile breakpoint to any higher number than 1240. I couldn't find in the theme files the one that's affecting this so I can do it manually, nor I could hardcode it within the CSS.
The problem is that the items within the menu are long and when you get below around 1480px it goes on 2 rows. Moving any of the menu items into a submenu is not an option because I want it to look symmetrical (4 entries from the left and 4 entries from the right + language switcher).
You can check the issue at http://stsofiagolf.com/ (the issue affects only the bulgarian translation, because the english one is short enough). Photo with the issue can be found here https://imgur.com/6hDk4NJ.
Don't hesitate to ask if you need any more info.
Regards,
Dimitar
Comments
https://prnt.sc/rsaxzf.
There is another way to remove that problem, decrease the font size of the main menu in Theme Options > Fonts > Size & Style
https://prnt.sc/rsaz4r
Otherwise, you have to decrease the amount of menu items inserted inside, it drops down the whole menu, to make it fit in your header and not overlap on the logo.
Thanks