Because we're using Carbon UI header, the [hamburger] menu doesn't behave/appear the same as ibm.com masthead specs.
Current implementation:
In the original design,mobile menu should slide over the entire screen, covering the L0. The platform name would appear at the top of the menu list. Like so:
The platform name is used as a title and navigational link.
The close-icon is used to bring the user back to the previous page view and show L0 again.
Like so:
This model allows the user to focus more on menu navigation. It prevents them from tapping on IBM logo, Search or Login which is distracting them from the main task at hand.
Because we're using Carbon UI header, the [hamburger] menu doesn't behave/appear the same as ibm.com masthead specs.
Current implementation:
In the original design,
mobile
menu should slide over the entire screen, covering the L0. Theplatform name
would appear at the top of the menu list. Like so:The
platform name
is used as a title and navigational link. Theclose-icon
is used to bring the user back to the previous page view and show L0 again. Like so:This model allows the user to focus more on menu navigation. It prevents them from tapping on IBM logo, Search or Login which is distracting them from the main task at hand.