Sidebar scrolls under navbar on direct visit about redocusaurus

[tkenda]

Create a file redocly.yaml with this configuration:

extends:
  - recommended

rules:
  no-unused-components: error

theme:
  openapi:
    requiredPropsFirst: true
    noAutoAuth: true
    hideDownloadButton: true
    onlyRequiredInSamples: true
    nativeScrollbars: true
    scrollYOffset: 60
    theme:
      colors:
        primary:
          main: '#32329f'

and then setup presets in docusarus.config.ts

presets: [
  [
    "classic",
    {
      docs: {
        sidebarPath: "./sidebars.ts",
      },
      theme: {
        customCss: "./src/css/custom.css",
      },
    } satisfies Preset.Options,
  ],
  [
    "redocusaurus",
    {
      config: path.join(__dirname, 'redocly.yaml'),
      specs: [
        {
          spec: "./specs/swagger.json",
          route: "/api/",
        },
      ],
      theme: {
        primaryColor: "#1890ff",
      },
    },
  ] satisfies Redocusaurus.PresetEntry,
]

This will solve your issue!