full time sandwich menu

[douglasjsmith404]

wondering if the main menu can remain a 'triple-line' compressed menu even at full width.
or can i configure menu expanded but vertical like on the 'docs' site.

my gh pages blog
repo

[Interstellar750]

What you want should be this drop down menu:

The setting method of this drop-down menu in src/lib/config/general.ts is:

export const header: HeaderConfig = {
  nav: [
    {
      text: "Drop-down menu title",
      children: [
        {
          text: "First url",
          link: "/url"
        },
        {
          text: "Second url",
          link: "/url2"
        },
        {
          text: "Third url",
          link: "/url3"
        }
      ]
    },
    {
      text: "Other url",
      link: "/other_url"
    }
  ]
}

Of course you will get a style error, this is a problem since 00dca49, there is no fix yet, you can fall back to the previous 6748aa4 to temporarily avoid this problem

Or you can follow the 3f91e9c commit in my repository to temporarily fix this error, but it is not perfect, you need adjust the class="w-36" style I added, and the drop-down menu will not be aligned with the button in the header, in mobile layout, all drop-down menu will be expanded and can't be close.

[douglasjsmith404]

thanks,
following your commit and dropdown menu is retracting as it should. did have to move 'coding' to lowest row of main items as well to make it function correctly. lower row items interfered

https://douglasjsmith404.github.io