XF 2.2 Force Hamburger/Button navigation and search bar

  • Thread starter Thread starter Deleted member 241496
  • Start date Start date
D

Deleted member 241496

Guest
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.
 
I was able to get the logo to show up in the navbar to the left using the following:
Code:
.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?
 
Back
Top Bottom