Page icon does not appear in sidebar

[bilal-fazlani]

Context

No response

Bug description

When using page icons, icon does not appear in navigation sidebar when using nested nav.
But It does appear on top navigation bar on non mobile view.

Related links

Example hosted reproduction https://bilal-fazlani.com/

Reproduction

example.zip

Steps to reproduce

mkdocs yaml

nav:
  - Home: index.md
  - Blog:
      - blog/index.md
  - Projects: projects/index.md

docs/blog/index.md

---
icon: fontawesome/solid/blog
---

preview in large width

Here, the icon is displayed at two places. Makes sense.

But if we reduce the width to simulate mobile view,

The image is displayed only at one place

Browser

Chrome

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction.

[squidfunk]

Thanks for reporting and for the excellent reproduction! The behavior is indeed inconsistent. However, we can't just add the icon to the navigation, because the logic that hoists the icon in the tabs from the page to link to (= first nested page child of section) can't just be applied to the navigation – it would lead to surprises. For this reason, we removed the hoisting of the icon for tabs in 9a644850b. However, you can easily achieve what you're asking for by enabling navigation.indexes:

theme:
  features:
    - navigation.indexes 

This way, the icon is properly shown in the tabs navigation, as well as in the sidebar.

[squidfunk]

Another change in 1dfd3ce86 was necessary – it should now be entirely consistent with navigation.

[bilal-fazlani]

This is now working 🎉
Thanks so much for prompt resolution!

[squidfunk]

Released as part of 9.1.6+insiders-4.32.5