I've created an inline banner, which should be placed above my site's content, but it's overlapping it. How do I fix this?

If you have fixed elements on your website, this behaviour is expected when using inline banners. There is a way to resolve this, but it would require you to change some HTML/CSS on your website.Inline banners addsposition: relative and margin-top: 48px (height of banner) to the body of the page. If you have a navbar on your website that usesposition:fixed top: 0, then your navbar will always be on the top and when you set an inline banner live. The banner won’t be able to “push” the navbar down as it would normally do, resulting in it overlaying the navbar.If you are able to make this minor changes to your CSS, that will ensure the inline banner doesn’t overlay your navbar:replacetop: 0 withmargin-top: 0oruse position:absolute instead to position the navigation bar inside the body.Alternatively, you can also use floating banners, or position the banner to the bottom of the page if the above solution doesn’t work for you.

Thanks. Otherwise, we have to use some super-finicky CSS selectors based on your inline CSS to get this work correctly.

Why is my inline banner overlapping my site's content?

Why is my inline banner overlapping my site's content? | Community

Join the Intercom Community 🎉

Intercom Customers and Employees

Login to the community

Intercom Customers and Employees

Scanning file for viruses.

This file cannot be downloaded