[CSS HELP] How to move the breadcrumbs plugin down when banner is loaded (if possible)

Hello! I hope it’s alright for me to ask this here, but I’ve been trying to figure out how to get the banner to play nicely with the breadcrumbs plugin for a while now. I’m very inexperienced with CSS so please bear with me if this is an obvious question;

I have two plugins that display at the top of my note: breadcrumbs and metatable. I managed to edit metatable’s css using a snippet found here to scoot it down when a banner is loaded, but I cannot figure out how to do the same for breadcrumbs.

This is my css edited snippet for my metatable plugin, and below are a couple screenshots showing the issue.

.code-block-wrap.obsidian-banner-wrapper {
	position: initial;
  margin-top: 200px;
  margin-bottom: 0;
}

The file w/o banner

Banner turned on, covering breadcrumbs but metatable was appropriately pushed down by banner

Is there something I’m missing to affect breadcrumbs as well? If it’s impossible to mess with breadcrumbs, could the banner be scooted down a bit with css and have breadcrumbs accessible from above?

Thanks again, and if this doesn’t belong here I’ll gladly move it!

[SlRvb]

@noatpad I’m think that it might actually have to be the Banner plugin at adds some class to the .markdown-preview-view selector. Since the breadcrumbs is up higher in the DOM than the banner, it would be pretty hard to maybe add a margin to the breadcrumbs trail to push it under the banner.

Maybe adding a class like .has-banner class onto the .markdown-preview-view would be the best way to go as you can just add this css to the .BC-trail selector that’s right below it and push the trail down under the banner:

.markdown-preview-view.has-banner .BC-trail {
    margin-top: var(--banner-height) !important;
}

[SkepticMystic]

@WychWitch @noatpad hey 😃 Thanks for noting this issue with Breadcrumbs. I don’t know CSS very well, so do you have recommendations on what I could do to accommodate? There are reasons I place the Breadcrumbs view where it is, but maybe that can be adjusted.