Ability to add a logo to the menu upon scrolling?

Hi,

I have been trying to create the perfect menu for my website using QuadMenu, but I’m running into some troubles.

Here is a quick summary of what I’m trying to achieve:

1) A centered logo with a centered mega menu nav bar underneath it
– this is as far as I could make it

2) When scrolling, the menu sticks to the top of the page and adds the logo to the left of the menu items (which are still centered)
– I haven’t been able to figure out the best way to do this

3) As the screen size gets smaller, so do the logo and text in both the normal menu and the scroll menu (i.e. responsive, but not only in the sense of going from a normal menu to a hamburger one)
– Right now, what happens is that after a certain pixel amount, the menu items go into a second row instead of getting smaller to accommodate the smaller screen

4) One of the menu items is a search icon that when clicked, displays the search bar underneath the menu as a drop-down
– This is not a must-have, but it would be nice if I could make this happen. The OceanWP theme seems to have it as a feature with its default menu, but QuadMenu doesn’t allow me to use it