Strange issue when hiding page title

[paulmelis]

I have an index.md, which is included in the nav structure, i.e.

nav:
    - index.md

The index page only has a large picture (which serves as the front page of the site) and I would like to hide the auto-generated "Home" page title as it distracts. For this I'm using an inline CSS snippet in index.md:

<style>
.md-typeset h1 {
    display: none;
  }
</style>

This correctly hides the "Home" title on the page itself (leaving only the image), but has the strange side-effect of changing the site name (as listed right of the site logo) into "Home":

I have no idea why this is happening, would you have any clue what is causing this?

Edit: I see this both with Firefox and Chrome, on Linux, with mkdocs-material 8.2.9

[pedro-psb]

I tried to do the exact same thing and experienced the same behavior. Using mkdocs-material==9.5.14.

edit: Workaround I'm using:

position: absolute;
left: -999px;

[pklanning]

I'm also experiencing this and curious as to what is causing it

[alexvoss]

Anyone fancy producing a minimal reproduction for this so we can have a look?

[paulmelis]

9.5.15-broken-site-title.zip

[alexvoss]

Thanks for this. I assume you are adding the script into the page because that way you are avoiding having to create a custom template for the homepage?

I am not sure (yet) why the described effect happens but I would suggest the CSS selector is wrong. Try .md-content h1 and it should work. Edit: ups, I was a bit fast with that.

[alexvoss]

Ok, so the likely culprit here is this function that "swaps the header title from the site title to the title of the current page when the user scrolls past the first headline". I had never noticed it does that! So, the question is whether it should detect that there are no (visible) headers? Am I holding the wrong end of the stick here, @squidfunk?

[paulmelis]

Thanks for this. I assume you are adding the script into the page because that way you are avoiding having to create a custom template for the homepage?

Yes, it was a quick way of trying to do it. I remember testing with title: in the front matter, but that then leads to a None entry in the nav bar, but using - "Home": index.md in the nav: section then shows Home again on the page.

Ok, so the likely culprit here is this function that "swaps the header title from the site title to the title of the current page when the user scrolls past the first headline".

Ah, that's a good observation, I wonder why I didn't make that connection myself :)

[Aazih]

I'd just like to contribute and say that an easy way to hide the tile as a frontmatter option would be great.

[squidfunk]

I'm sorry I haven't answered here yet. Yes, we can likely improve the current situation. I have this in my inbox, but I have more urgent topics on my plate right now (and I'm on vacation), so I will come back to it when I can find some time.