Tagged: banner, CSS, css3, Hubspot, notification bar
Can someone please help me with this? I created a HubSpot banner. I was trying to fix it by adding position: fixed; display: block; but I don’t think I’m doing it right. Please see the screenshot I posted. I’m not sure if I’m doing it on the right element lol
The notification bar is covering the menu. I don’t want the notification bar to cover the menu.
Hey Haven,
Thanks for the screenshot and link, I can’t see the actual element on your site though?
Best regards,
Rikard
Hi Richard,
If you try moving your mouse away from the browser a couple of times it’ll show up.
Aurora
Hi,
Thank you for the inquiry.
You can use this css code to adjust the vertical position of the modal container.
.leadinModal {
position: fixed;
top: 88px;
right: 0;
}
This will just move modal below the header. You may need to ask the plugin author for an additional script if you want to adjust the header position based on the status of the modal container.
Best regards,
Ismael
It didn’t work =/
Hi,
Did you disable the Performance > File Compression settings after adding the css code? You might have to ask the plugin author for additional assistance as suggested previously because the required modifications to make the modal popup container adjusts with the header or vice versa is beyond the scope of support.
Best regards,
Ismael