Relume
Log in

Community forum for knowledge and support

Updated last year

Displaying a hamburger dropdown button on a centered logo navbar

At a glance

The community member is asking how to show the hamburger dropdown button on a centered logo navbar, while hiding the main menu on the left and replacing it with the dropdown menu on the desktop view. A community member responds that the setting on the navbar_component with the "house" icon needs to be adjusted to include desktop, and the menu will need to be manually styled from desktop down, as it won't have the built-in styles it does on tablet. Another suggestion is to open a new project, copy the navbar, and compare the settings to manually transfer the styles to desktop.

ssesn ross
·

Hi, on the centered logo navbar, how can I have the hamburger dropdown button to show? Ive tried but I cant figure out how to hide the main menu on the left and replace it with the dropdown menu on the dektop view. Thanks

M
1 comment
MMatt Johnson

@sesn ross you would need to adjust this setting on the navbar_component with the "house" icon on it to include desktop (far left icon).

And then you'd have to proceed to style the menu manually from desktop down. It won't have a lot of the built-in styles it does on Tablet.

One way you could do this more easily is to open up a new tab with a new relume style guide project fresh, copy in the navbar and open it up to tablet breakpoint and just start comparing the settings and manually transferring those styles to desktop.

Add a reply
Sign up and join the conversation on Slack