Because of the size of my logo and the number of nav items that have to be shown, I tried putting the logo on one line and nav items on another. However this is now covering up some of my hero section (see below). I can drop the hero section by 160 pixels to duct-tape fix it, but there must be a more smart way to solve the issue.
On the mobile screens, the hamburger square changes to a purple once clicked. Can’t figure out how to change it. When I click on it, it shows the color I want (red), but can’t find where to change the “click” color.
Since this is a one-pager, where the nav is actually a table of contents for this one page, why not try and just only show the logo in the top bar. But after you scroll down a bit, a mini nav bar slides down from the top and shows your logo icon (not the name of the bank) and the nav items.
It’s a spec requirement that the entire logo stay in the nav as the page scrolls.
I see the subclass “hamburger” and the color show is correct. The issue is when you click it that it turns from red to purple; that’s the step I can’t figure out how to fix/change.
Hi @chrisgreer33, are you still experiencing issue with the nav menu? I took a quick peek at the site and things look different than the original screenshot: