Hello! I am using a custom-made header using the Pro/Cornerstone Header Builder. I am having two main issues regarding alignment of elements and having a translucent background that transitions/fades in upon scroll.
Alignment Issues
Is there a way to left-align some elements (logo and some text) and right-align other elements (such as the navigation links)? I know how to align everything at once within a single bar, but not setting different alignments within the same bar. As I was typing this, I thought that perhaps using a 2-cell grid and using flexbox settings for each may work? Currently, I had two bars stacked on top of each other, one with left-aligned content and the other with right-aligned content…which is not ideal, since it would make either the logo or the navigation links unclickable.
Navbar Background Fade In Upon Scroll
I am trying to make my custom navbar have a translucent background when you are at the top of a webpage, but transitions/fades to a fully opaque color when you start to scroll down. I have tried multiple different guides from other support posts to no avail; my guess is those may work for navbars that are not made through the Pro/Cornerstone Header Builder. For example, the below picture shows some of the Global CSS I have tried, which did not work.
Would you have any suggestions?
