Hello,
My Client has two specific requests for the Header Behavior.
1. He wants the Logo Area to be visible on page load, but the main nav bar to drop down beneath it when the user starts scrolling down.
2. He wants to style the Main Nav Section to be white with a 50% opacity. I was able to get the Main Nav section white, but when I add the opacity to the element, it effects everything on the page.
Login info Attached
Please help, thanks!
Hey edgeofcinema,
Thanks for the link to your page, is every page going to be the same or is this just for the front page?
Does the main nav need to “drop down” or can it just fade in?
We can add opacity to the nav but behind it is the blue from the header, did you expect to see the image through the opacity?
I would recommend trying to use a transparent header, then add the blue header and 50% white to the menu, with the transparent header the theme will track the scroll to trigger the drop down or fade for the nav section.
This will require a lot of css.
Best regards,
Mike