This is my last query.
When you shrink the page to 767 the mobile screens part of the style sheet kicks in which positions the logo, menu and search in the middle. However, for consistency of the user interface we’d like the logo to remain in the top left, navigation menu (and search) in the top right.
The easiest way to do this was to disable/comment out the less than 767px part of the CSS but the drawback is that the menu doesn’t appear correctly. It’s squashed and it appears that it’s trying to share the space with the logo.
How can I make the menu appear above the logo so that it will display at the full width available over the top of the logo?
Thanks you, you’ve been very helpful with my handful of recent questions and I appreciate it.