# Combined Auth Button

**URL:** https://meta.discourse.org/t/combined-auth-button/401215
**Category:** Theme component
**Tags:** login, signup
**Created:** [April 22, 2026, 7:58am UTC](https://meta.discourse.org/t/combined-auth-button/401215 "2026-04-22T07:58:10Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [April 22, 2026, 7:58am UTC](https://meta.discourse.org/t/combined-auth-button/401215/1 "2026-04-22T07:58:11Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Replaces the default auth buttons with a combined button that opens a dropdown or modal with links |
| 🛠 | **Repository** | [https://github.com/Lillinator/combined-auth-button](https://github.com/Lillinator/combined-auth-button) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |

Install this theme component

### 👩🏻‍💻 Overview

This theme component combines the sign up and login buttons into one button with drop down options, for a cleaner header space and improved user experience (especially for mobile users).

In particular, the default Discourse mobile forum view hides the Sign Up button and just shows the existing Log In button; this can be confusing and non-intuitive for new visitors to Discourse forums (anonymous view). Moreover, the default mobile view log in button links to the log in page that in turn, has a link to the sign up page; this creates unnecessary friction for new users on mobile devices.

Default mobile view without component:

 ![F912A0E2-ABD0-4443-98EE-52E80E459A17_4_5005_c](https://global.discourse-cdn.com/meta/original/4X/6/3/a/63a107ff2b0159197fd3723c954a48688903305a.jpeg)

This simple Discourse theme component replaces the existing `Log In` button with a combined button with clearer labeling - the default is `Sign Up / Log In`. When clicked or tapped, it opens a dropdown menu or mobile modal with links to the respective sign up or log in pages.

Mobile button and modal with component default settings:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/4/b/54bf97806c519ccb785304132e106afc146c986c.jpeg)

 ![IMG_5175](https://global.discourse-cdn.com/meta/original/4X/8/e/2/8e2c02d930ab686b01fc69e9b17b176bd04941c2.jpeg)

Desktop button and dropdown menu with component default settings:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/1/0/f10ad6d1aeb2f0c5bfedbaef8f400d5422132e61.jpeg)

* * *

### ⚙ Settings & theme translations

There are admin settings that allow for enabling on desktop, hiding the combined button icon for more header space in mobile view, as well as for changing all the button icons and labels.

| Setting | Description |
| --- | --- |
| `enable_on_desktop` | Enable the combined auth button on all viewports sizes |
| `hide_mobile_combined_button_icon` | hides the combined auth button icon in mobile view to save header space |
| `combined_button_icon` | SVG icon for the combined auth dropdown button |
| `login_button_icon` | SVG icon for Log In button |
| `signup_button_icon` | SVG icon for the Sign Up button |
| `button_labels.auth` | combined button text string for theme translations |
| `button_labels.log_in` | log in button text string for theme translations |
| `button_labels.sign_up` | sign up button text string for theme translations |

* * *

### 📸 More screenshots

> **Settings page**
>
> ![image](https://global.discourse-cdn.com/meta/original/4X/2/5/4/254d669e39ebcd0d86c1f31bdedac9dc10db24c0.png)

> **With hide\_mobile\_ combined\_button\_icon enabled**
>
> ![image](https://global.discourse-cdn.com/meta/original/4X/7/3/b/73b3d2f26318bec8b4cea1fc64519731fb81812f.jpeg)

> **Changed button labels and icons**
>
> Mobile:
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/0/8/4/0847660a027a3bde487aa2d1da1ff71c9a7c9951.png)
> 
> Desktop:
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/d/6/4/d64b859f322010bfb81e5b4eea4afdce0fdf5199.jpeg)

> **Customize to your forum for fun**
>
> ![image](https://global.discourse-cdn.com/meta/original/4X/9/a/2/9a2a6c3c2188f37964586ede26e9cbf9716b25a8.jpeg)

* * *

### 💡 Notes

- This component is compatible with the [Left side hamburger menu on mobile](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513) but centring the site logo may cause crowding issues in the header.

* * *
 **[Check out my other Discourse stuff](https://meta.discourse.org/filter?q=category%3Acustomization%20created-by%3ALilly%20order%3Acreated)**

---

_[View the full topic](https://meta.discourse.org/t/combined-auth-button/401215)._