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.

 

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