How to Create Hidden Menus and Sections in Divi That Appear After Login

January 1, 2026 - TechnoCrackers
Blog Icon
How-to-Create-Hidden-Menus-and-Sections-in-Divi-That-Appear-After-Login

Sometimes you need to show specific menus or page sections only to logged-in users—or even more specifically, only to users with a certain role. This is common for:

  • Member-only content
  • Client dashboards
  • Premium sections
  • Internal pages

In this guide, you’ll learn how to hide menus and sections in a Divi site and show them only after login, using the Ultimate Member plugin.

This method works without custom code and integrates perfectly with Divi’s built-in visibility conditions.

Why Use Ultimate Member?

Ultimate Member is a powerful WordPress plugin designed for user registration, login, and membership control.

Key Reasons to Use Ultimate Member

  • Front-end login, registration, and forgot password forms
  • Ability to create custom user roles (like Member)
  • Menu visibility conditions based on login status and roles
  • Easy integration with WordPress and Divi
  • No coding required

In this setup, Ultimate Member allows users to:

  • Register and log in directly from your website
  • Automatically receive a specific role
  • See hidden menus and Divi sections after login

Step 1: Install and Activate Ultimate Member

  1. Go to WordPress Dashboard → Plugins → Add New
  2. Search for Ultimate Member
  3. Install and activate the plugin

Plugin URL:
https://wordpress.org/plugins/ultimate-member/

Once activated, Ultimate Member will add new menu options to your WordPress dashboard.

Add-Plugins-WordPress

Step 2: Create a Custom User Role (Member)

Since you want only specific users to see hidden content, you need a custom role.

  1. Go to Ultimate Member → User Roles
  2. Create a new role named Member
  3. Save the role

This role will be used to control:

  • Menu visibility
  • Section visibility inside Divi

User-Roles-WordPress

Step 3: Set Default Registration Role

To ensure new users automatically get the correct role:

  1. Go to Ultimate Member → Settings → General → User
  2. Find Registration Default Role
  3. Select Member
  4. Save changes

Now, every new user who registers will automatically become a Member.

select-user-role

Step 4: Add Login & Registration Form to Your Site

Copy your Login / Registration Form sortcode

Ultimate Member provides ready-made shortcodes for login and registration.

To ensure new users automatically get the correct role:

  1. Go to Ultimate Member → Forms
  2. Find  Default Registration Form
  3. Copy Form sort code

form-sortcode

Add Login / Registration Form

  1. Create a new page (e.g. Login or Register)
  2. Add your shortcode:
    Eg like: [ultimatemember form_id=”21999276″]
  3. Publish the page

add-form-sortcode

Now users can:

  • Register
  • Log in
  • Reset passwords
    —all directly from your website.

form

Step 5: Create a Hidden Menu That Appears After Login

Ultimate Member allows menu-level visibility control, which is perfect for member-only navigation links.

How to Hide a Menu Item for Non-Logged-In Users

  1. Go to Appearance → Menus
  2. Add a menu item you want to hide
  3. Open the menu item settings
  4. Scroll to Ultimate Member Menu Settings
  5. Configure:
    • Who can see this menu link? → Logged in users
    • Select the member roles that can see this link → Member
  6. Save the menu

Result:
That menu item will only appear when a Member is logged in.

menu-conditions

Step 6: Hide Divi Sections and Columns Based on User Role

Divi’s built-in Conditional Display works perfectly with user roles.

How to Hide a Divi Section Until Login

  1. Edit your page with Divi Builder
  2. Select the Section (or Row / Column)
  3. Go to Advanced → Conditions
  4. Click Add Condition
  5. Choose:
    • User Role
    • Display Only If User Role → Member
  6. Save changes

Result:

  • Logged-in users with the Member role see the section
  • Logged-out users and other roles cannot see it

add-conditions

You Can Also Hide:

  • Rows
  • Columns
  • Individual modules

Using the same Advanced → Conditions option.

Real-World Use Cases

This setup is perfect for:

  • Member dashboards
  • Premium content sections
  • Client-only pages
  • Logged-in call-to-action buttons
  • Role-based page layouts

And all without writing a single line of PHP.

Best Practices

  • Use Ultimate Member roles instead of default WordPress roles
  • Keep menu visibility simple (login + role)
  • Use Divi conditions for layout control
  • Avoid duplicating sections—use conditions instead
  • Test with logged-in and logged-out users

Final Thoughts

By combining Ultimate Member with Divi’s conditional display, you can easily build role-based websites where menus and sections appear only after login.

This approach is:

  • Beginner-friendly
  • Scalable
  • Secure
  • Client-ready

If you’re building membership sites, dashboards, or premium areas in Divi, this method is one of the cleanest and most reliable solutions available.

Want help building hidden menus and sections in Divi that appear after user login?

Let TechnoCrackers implement secure, custom login-based displays for your site – Contact us today.

 

Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments

Contact us

Let's Unleash Your Digital Potential Together.

Address

C-605, Ganesh glory 11, Nr. BSNL Office, Jagatpur Road, S.G. Highway, Jagatpur, Ahmedabad, India - 382481.

Phone

INDIA : (091) 8200639242 USA : +1 (310) 868-6009

Limited Time Offer

X

Try a Free 2-Hour Test Task

Experience our quality, speed, and communication on any small WordPress task before you commit. No contract. No cost. No obligation.
[For New Agency Partners]

"*" indicates required fields

Name*
0
Would love your thoughts, please comment.x
()
x