Customize/Customize Appereance on Mobiles

• To disable menu on mobile devices or use Superfly as mobile menu only change settings on 🍔Main tab under General Display Rules.
• Setup menu button margins or mobile navbar on Button tab. You can also change breakpoint for mobile navbar appearance there.

Display Superfly on tablets excluding smartphones

1. Set display rule to Show on mobiles.
2. Add following CSS on options page to not show on small screen.
3. Adjust width if needed.

@media only screen and (max-device-width: 480px) {
   #sfm-sidebar, #sfm-mob-navbar {
    display: none !important;
   } 
}

Use another logo on mobile

Try to add next custom CSS. Don't forget to change URL in snippet.

#sfm-mob-navbar a{
background-image: url( URL OF YOUR IMAGE HERE );
background-size: cover;
background-position: 50% 50%;
}
#sfm-mob-navbar img{
visibility: hidden;
}

Hide logo on mobile navbar

Add following code to your Custom CSS block:

#sfm-mob-navbar a{
display: none !important;
}