My site www.thecdc.nz is exhibiting odd wrapping behaviour of the top level menu on the home page.
The home page viewed on a desktop PC with Chrome browser set to full width of monitor, shows no wrapping of menu, whereas the same browser version on a laptop, with display resolution and DPI scaling identical to the desktop PC, show the last menu item wrapping down to next line, even though there is visibly ample empty space to the right where that menu item could fit.
Could it be some defect in a CSS screen measurement algorithm is somehow factoring the physical dimensions of the respective displays when it comes to calculating responsive behaviour, rather than using the actual screen resolution and DPI scaling?
At the end of the day, whatever the cause, how do I keep the menu to a single line if there is visibly enough space to do so? What css should I add in the custom css area of the theme? (I am using BoldGrid Calloway theme).
Unfortunately, I don't know css. Have tried poking around with Chrome 'Inspect' function around the menu area, but have not found anything obvious to change that generates a useful result.
Any help most appreciated!
Customer support service by UserEcho