Lead flow popup fixed menu

SOLVE
Occasional Contributor

Hi,

 

On swapcard.com the navigation bar is fixed. 

 

I published a lead flow popup. The position was not good.

 

How can I inject CSS or JS to updatr that ?

 

Robin

 

Capture d'écran 2018-10-22 11.50.05.png

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
HubSpot Employee

Hey @RobinSwapcard and @Stephanie-OG

Our lead flow z-index is set as 5000, so it is recommended to set the sticky header's z-index below 5000. 

However, I understand that it would be easier for users to edit CSS for lead flow, so could upvote and comment on your use case on this idea (https://community.hubspot.com/t5/HubSpot-Ideas/Lead-Flow-Call-Out-Customization/idi-p/11558)?

 

 

2 Replies
Advisor

Hi Robin, 

 

I see you've opted for putting it in the button left-hand corner instead.

 

With the sticky header, it has a z-index of 9999. The higher the z-index the more priority it has over other content (it's positioned above the rest). Therefore your pop-up would need to have a higher z-index than the sticky header. 

 

You should be able to do this by adding something like the below: 

 

#leadinModal-390331 {
  z-index: 10000;
}

It'll probably need to have a position as well.

 

I hope that helps!

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

Highlighted
HubSpot Employee

Hey @RobinSwapcard and @Stephanie-OG

Our lead flow z-index is set as 5000, so it is recommended to set the sticky header's z-index below 5000. 

However, I understand that it would be easier for users to edit CSS for lead flow, so could upvote and comment on your use case on this idea (https://community.hubspot.com/t5/HubSpot-Ideas/Lead-Flow-Call-Out-Customization/idi-p/11558)?