Hi Think Up Team,
I would like to change the menus behavior and positioning. For the 3 menus:
1. I would like to have the first one to be positioned on the top of the page. As it is going to have only 3 menu items I would like it always to be 100% wide.
2. I would like the second menu to be positioned just under a logo and as it contains a lot of items it needs to collapse for mobile devices.
3. I would like the third menu to be inline with a logo and float underneath it for mobile devices. This menu would have only one item plus an image.
So far I created a child theme and positioned Primary Header menu (3 menu items) on top of a page and it is 100% wide. However, when a browser is 768px the menu collapses. I tried to use css and media queries to control its behavior but it did not work.
The secondary menu is positioned under a logo (many menu items). However, it disappears completely when the screen is 665px.
Would you be able to suggest the best way to accomplish menu positioning?
Thank you for your help.