---
title: Find your way around the community
description: Learn the top bar, the left menu, the right sidebar, dark mode and the mobile view.
url: "https://truecommunitypro.com/docs/community-layout/"
updated: "2026-10-09"
category: Getting Started
---

# Find your way around the community

Every community page uses the same simple layout, so members always know where things are.

[![The community layout](https://truecommunitypro.com/wp-content/uploads/2026/10/tc-feed.webp)](https://truecommunitypro.com/wp-content/uploads/2026/10/tc-feed.webp)
The community layout

## Top bar

- **Logo and name** — on the left. Click it to go back to the feed.
- **Dark mode** — the moon icon switches the whole community to dark colours. Click the sun to switch back. Each member's choice is saved to their account.
- **Notifications bell** — shows a red counter when there is something new.
- **Your avatar** — opens your menu: **Profile**, **Bookmarks** and **Logout**.

## Left menu

The left menu lists the parts of your community: **Stories**, **Members**, **Groups**, **Courses**, **Notifications** and **Messages**. With Pro and gamification turned on, you also see **Rewards**.

Under the menu, **Your groups** lists the groups you belong to, so you can jump into them quickly.

**Good to know:** If you turn a module off in **TrueCommunity → Modules**, its menu item disappears for everyone.

## Right sidebar

The right side shows helpful cards:

- **Continue learning** — the course you are taking, how far you are, and a button to go on.
- **Groups to join** — groups you may like, with a quick Join or Request button.
- **Online now** — members who are active right now.
- **Recent Activities** — the latest comments and activity in the community.

## Dark mode

[![Dark mode](https://truecommunitypro.com/wp-content/uploads/2026/10/tc-dark.webp)](https://truecommunitypro.com/wp-content/uploads/2026/10/tc-dark.webp)
Dark mode

## On a phone

On small screens the left menu moves behind the **☰** button at the top, and the sidebar cards open from the top bar. Everything else works the same way.

[![The community on a phone](https://truecommunitypro.com/wp-content/uploads/2026/10/tc-mobile.webp)](https://truecommunitypro.com/wp-content/uploads/2026/10/tc-mobile.webp)
The community on a phone