Below is a sample lesson from my upcoming course Easy Rainmaker Course Creation.
If you’re a Rainmaker user and you want to maximize the power of the platform by building and selling a course then this lesson and the rest of the course are going to help you get it done fast!
Why hide menu items?
Hiding menu items based on a customer being logged in achieves more than one thing in your Rainmaker menu. It cleans up your Rainmaker menu, showing only the necessary items. It also gives members a more customized experience. They “feel” logged in when their Rainmaker menu changes. Lastly, customizing your Rainmaker menu minimizes confusion for customers and non-customers because they don’t see buttons that don’t apply to them.
How To Build a Customized Rainmaker Menu
1. Build your menu Go to ‘Design’ —> ‘Menus’ and add all the buttons you want to show members as well as non-members.
2. Enable CSS Classes option Click on ‘Admin Screen Options’ in the top right corner and check the box beside the ‘CSS Classes’ box.
3. Designate Buttons Open up each member menu tab by clicking on the arrow to the right of the tab’s name and add the class of your choice.
nonmember-menu = Non-members will see this but members will not.
member-menu = Only members will see this tab
Leave blank = Leave the area blank if you want the tab visible at all times.
4. Save the menu.
5. Add CSS Code Add the following code to the ‘Design’ —> ‘Custom CSS’ area:
/* Hide buttons from members and non-members ———————————————————— */
.genesis-nav-menu .nonmember-menu a { display:block } .logged-in
.genesis-nav-menu .nonmember-menu a { display:none }
.genesis-nav-menu .member-menu a { display:none } .logged-in
.genesis-nav-menu .member-menu a { display:block }
6. Save the Stylesheet
