Hi. I thought I would make an inverted header for a site I’m working on, uses “Mason” from site library as basis for this site. To have inverted colors for menu for this header-element only, what would be the easiest way?
You do not need to add anything to the Hero content, just go to the Site Header tab and set it to Merge with Content, then you can enable header and navigation colors to change them.
Then set the Display Rules for the pages you want this effect to apply.
yes, that added the background. Now the problem is when i select “no merge”, then I can’t set colors for the menu, and it appears with white background. How can I manipulate colors for main menu with “no merge”-setting?
Sort of got it working as I wanted to, by adding margin to top container in content to push it below the menu. Doesn’t work on cellphone though, there the background color is white.
Swap the top margin in your container block for top padding, this will extend the color behind the Header. You can adjust the top padding separately for Mobile devices.