Theme Compatibility

[creativefibro]

There seems to be a problem with the Minimal theme in the first image in the edit mode all is fine, but when you switch to reading mode the banner squishes up and overlaps with the writing. .

[MaximilianHeidenreich]

Same here. I am using the Things Theme.

[MaximilianHeidenreich]

Found a quick and dirty way to fix it using the following custom CSS snippet:

.obsidian-banner-wrapper {
    position: static !important; /* Full width banner, remove for banner with same size as note content */
    margin-top: unset !important;
    margin-bottom: calc(var(--banner-height) + 0px); /* Adjust spacing between banner & content as needed */
}

Note: Have not tested it with icons yet, as I don't use them...

Might create a Pull-Request for a real fix in the future. Until it is fixed, just create a banner-readmode-fix.css file inside yourVaultDir/.obsidian/snippets and enable it inside the Obsidian settings at the bottom of the Appearance category. @creativefibro

Preview:

[mjs271]

Thank you, @MaximilianHeidenreich! Was having the same problem and your snippet fixed it right up.

I'm using the Obsidian Nord Enhanced theme, FWIW.