Customize Appereance on Desktop

Check out some most wanted code snippets for general appearance menu on desktop/laptop.

Align menu items to the top instead of middle of the screen

Add following custom CSS:

#sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-logo {
position: relative !important;
display: block !important;
}

For example we want to show Superfly menu on displays less than 1200 pixels in width.

@media all and (min-width: 1200px){
.superfly-on #sfm-sidebar,  .superfly-on .sfm-navicon-button{
display: none !important;
}
}