Can you provide me with the CSS to enable the mobile menu to display on iPad? I have noticed that the header menu bar is too big as it is covering up my flexslider on the Home Page, when in Portrait view on iPad. https://nancywinberg.com/
Thank you for this code, it seems to work great. What would be even better is if the menu would switch to mobile menu display whenever the menu bar width expanded to show two lines of content- (the logo on top and the page links below.) This occurs for certain screen sizes between tablet and full screen dimensions, beginning at 1026 up to around 1404 for my tests.
It is not easy to know programmatically when the page links drop down below the logo. This can be done to a limited extent in JS only and will only complicate things further. I wouldn’t recommend pursuing such a solution.