XF 2.2 Force Hamburger/Button navigation and search bar

[Deleted member 241496]

We are trying to customize and edit the header area of our site to do 3 main things:
1) Show logo at top when not scrolled down, and then logo will shrink and be on far left of sticky header
2) Show and force a hamburger menu button on the far right with all of our menu other than the main forum menu
3) Display a search box in the middle of the header and sticky header

Any help would be appreciated with any of the above. Thanks in advance.

 

[Nicolas FR]

Hello,

1) https://xenforo.com/community/resources/cxf-logo-in-navigation.6365/

 

[Deleted member 241496]

If it helps, this is what I'm looking for mostly but with the base style/theme.

Prisma XenForo 2 Theme — ThemeHouse

A clean, minimal design to brighten up your site.

www.themehouse.com

 

[Deleted member 241496]

I was able to get the logo to show up in the navbar to the left using the following:

.p-header-inner {
    display: none;
}
.p-nav-smallLogo {
    display: block;
    margin: 0 0 0 10px;
}

Now what do I use to increase the height and width of the logo itself? And then change the navigation to 3 lines like on mobile and move the search bar to the center of the navbar?