Main Menu And Toggle Menu
In Rodich theme we have Main Menu and Side Menu. In desktop width both the Main Menu and Side Menu will appear in the theme. In mobile width Main Menu will hide and the side menu act as a main menu so utilize this side menu in mobile version.
For better menu interaction in desktop and mobile you can select same menus for both Main Menu and the Side menu in Appearance > Menus. You have separate option for Side Menu in Rodich Options > Layout > Header > Toggle Bar. Side Menu option in dashboard view like the following screenshot.
Make Note : If you hide the Slide Bar option in Toggle bar section the menu won't appear in mobile view. So please don't hide the slider menu.
In this Toggle Bar section you have options for Side menu like
- Hide Slide Bar - Using this switcher option you can hide or shown the slide bar.
- Background - You can choose the background image or color from this option.
- Hide Logo - Hide logo option is for hiding the logo in the slide menu.
- Hide Menu - You can hide the menu using this option.
- Hide Flicker - You can hide the Flickr section using this switcher.
- Section Title - Add title for this section using this text area.
- Flickr User ID - Enter your flickr user id to display your flickr images in slide bar section.
- Flickr API key - Enter your flickr Api key to connect your site with your flicker profile.
- Additional Info - You can add additional infor using this section like text, shortcodes.
You can use above options for your custom changes in Slide menu.
If You need that slide menu only in Mobile Width don't want it in desktop width please simply copy the following CSS code and paste it in Appearance > Customize > Additional CSS.
@media only screen and (min-width: 767px) { .roch-off-canves-nav-icon { display: none;} }
The above CSS code will hide the toggle menu in desktop width.