-
Hi there, I’m having some trouble getting a new site header to behave. 🙂
Site can be seen here: https://roguebiz.com/
My questions are:
1) How do I vertically center all the items in the header? IE, why are the buttons lower than the other elements?
2) My buttons are using a global style with one local style override. Here’s a quick video demonstrating. I wonder why the local style is not working?
https://komododecks.com/recordings/An5UXsudFzQrKkIL3wgA
3) How would I implement a transparent header, if I wanted part of the hero section on the page to overlap into the header?
Thanks as always!
Matt
-
Hi there,
1. The container .gb-element-892095e5 (containing 2 buttons) in the header has the same class as the one in the page hero which has 48px
margin-topset. Simply duplicate the container in the header to generate a new class for it.2. The local style isn’t outputed on the front end, can you try duplicating the button to regenerate CSS?
3. Simply set the site header’s background color to transparent.
-
Thanks Ying, and sorry for the delayed reply.
I’m still having trouble with the transparent header. See https://roguebiz.com/contact-us/ for reference.
I have my site header element background set to transparent. I’ve also created a Merged Header element with transparent background.
The site background in the customizer is also set to transparent.
My goal is that the light blue hero area (where it says Contact Us) would be behind the header as well.
Let me know your thoughts.
-
You have a site-wrapper element which is not from the default GP theme, it prevents the header from merging into the content.
Can you disable the site-wrapper element?
-
ah, that did the trick! The page hero element is overlapping the header now. Is the best solution just extra padding on that page hero element?
-
Yes, that’s correct!
-
Thanks you, Ying!
-
No Problem 🙂
- You must be logged in to reply to this topic.