How can I hide/disable the "on this page" on mobile devices? #933
-
|
the tableOfContent is disabled though, <DocsPage
tableOfContent={{
enabled: false,
}}
full={true}
>
// ...
</DocsPage> |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 6 replies
-
|
Is it still showing on mobile ? |
Beta Was this translation helpful? Give feedback.
-
|
Means after disabling the toc on pc. |
Beta Was this translation helpful? Give feedback.
-
|
yes |
Beta Was this translation helpful? Give feedback.
-
|
It's the |
Beta Was this translation helpful? Give feedback.
-
|
You can hide it using css for the id of the div, it will be hidden. #nd-tocnav {
visibility: hidden
} There is no problem hiding it, it will also be passed down as metadata for better seo. |
Beta Was this translation helpful? Give feedback.
-
|
this is a hack, but it should be configurable |
Beta Was this translation helpful? Give feedback.
-
|
It is configurable, I gave you incase it was urgent or causing any ui problem or glitch. It solves your hiding problem :) |
Beta Was this translation helpful? Give feedback.
-
|
Yes there's an option to disable it from React, but yes, you can customise them with CSS selectors (that's one reason why we added the |
Beta Was this translation helpful? Give feedback.
It's the
tableOfContentPopoveroption, See https://fumadocs.vercel.app/docs/ui/blocks/page#popover-mode