- This topic has 10 replies, 3 voices, and was last updated 3 years, 2 months ago by Tom.
July 21, 2018 at 10:24 pm #629515Ernest
In legacy Page Headers, there is a CSS class that allowed me to add a bottom border ONLY on the merged header (.generate-combined-header).
Unless I missed it somewhere – is there another class I could use to do the same thing in Elements?
In the included URL you will see the border on .inside-navigation > and I would like to have it ONLY on the pages with merged headers.July 21, 2018 at 11:55 pm #629567LeoStaffCustomer Support
The new Header Element allows you to add Element Classes so you can just add a class there and target your CSS at it.
This method should be better as sometimes people don’t want to add border or style to all the headers with
Let me know if this helps.July 22, 2018 at 8:24 am #629872Ernest
Hi Leo – thanks for the quick reply. I’m not sure if I’m doing something wrong, but it doesn’t seem to be working for me.
I tested “.generate-combined-header” and “generate-combined-header” in Element Classes – but it doesn’t seem to be showing up. Would it make sense to have another class option within the “Site Header” tab?July 22, 2018 at 8:27 am #629876Ernest
Update: I see where it’s showing up (my bad). However, it’s located below the menu / nav divs so it doesn’t allow me to add a border in the way I had it set up.July 22, 2018 at 9:34 am #629921LeoStaffCustomer SupportJuly 22, 2018 at 9:45 am #629933Ernest
The legacy css was on “.generate-combined-header .inside-navigation”
I guess the question I have is – is there a selector that gets activated in the Elements in the body tag maybe ONLY when there is a merged header?July 22, 2018 at 10:38 am #629975TomLead DeveloperLead DeveloperJuly 22, 2018 at 10:56 am #629989Ernest
oh interesting! Can you tell me a little more about this implementation?
So rather than “.generate-combined-header .inside-navigation” I would use “.header-wrap + .page-hero .inside-navigation”?
Edit: Just tested that and it didn’t work. I might be doing it wrong.July 22, 2018 at 7:39 pm #630235TomLead DeveloperLead DeveloperJuly 22, 2018 at 8:21 pm #630264Ernest
Perfect! That’s exactly what I was trying to accomplish – thank you!July 23, 2018 at 8:03 am #630746
- You must be logged in to reply to this topic.