Flatiron Hamburger Menu and Filter

Hello!

i’d like to turn my nav menu into a collapsed hamburger menu and turn the options into filters to the projects below. Both on Desktop and Mobile. For mobile also I’d like to make sure the menu is on the left instead of on top.

thanks!

Hi,

What is your site url?

Ricksouza.com

On 2/9/2023 at 9:48 PM, ricardocamara said:

Ricksouza.com

Do something like this?

Yes! With less padding on top and bottom. And in the menu I’d like to filter through the work.

Any luck @tuanphan ? Thanks for the help!

On 2/16/2023 at 4:34 AM, ricardocamara said:

Any luck @tuanphan ? Thanks for the help!

Add to Design > Custom CSS

@media screen and (min-width: 768px) {
#mobile-navigation {
    display: block !important;
}
#navigator header#topBar ul#nav {
    display: none;
}
#navigator .siteTitle {
    float: unset;
    max-width: unset; 
    text-align: center;
}}

Thanks @tuanphan  for taking the time but it didn’t really work…Instead it applied the same current mobile layout (with menu on top and logo below, both centered) to desktop.

On 2/22/2023 at 2:57 AM, ricardocamara said:

Thanks @tuanphan  for taking the time but it didn’t really work…Instead it applied the same current mobile layout (with menu on top and logo below, both centered) to desktop.

Can you keep the code? We can continue test code easier