# Signup button on mobile

**URL:** https://meta.discourse.org/t/signup-button-on-mobile/84956
**Category:** Development
**Created:** [April 10, 2018, 10:01am UTC](https://meta.discourse.org/t/signup-button-on-mobile/84956 "2018-04-10T10:01:03Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Paublio\_Martinez](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paublio_martinez/32/78079_2.png) [@Paublio\_Martinez](https://meta.discourse.org/u/Paublio_Martinez)
#### Post date: [April 10, 2018, 10:01am UTC](https://meta.discourse.org/t/signup-button-on-mobile/84956/1 "2018-04-10T10:01:03Z")

</div>

would like to change the `Login` button on mobile to `Signup/Login`  
Is there any way I can do this

 ![](https://global.discourse-cdn.com/meta/original/3X/f/f/ff009df4849c7e91046291b19be112c463edeaba.png)

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [April 18, 2018, 7:53pm UTC](https://meta.discourse.org/t/signup-button-on-mobile/84956/2 "2018-04-18T19:53:31Z")

</div>

Try adding this to your Mobile CSS:

```css
.login-button {
    span {display: none}
    &:after {content: "Signup/Login"}
}

```

---

<div class="post-metadata">

### Author: ![Paublio\_Martinez](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paublio_martinez/32/78079_2.png) [@Paublio\_Martinez](https://meta.discourse.org/u/Paublio_Martinez)
#### Post date: [April 18, 2018, 10:19pm UTC](https://meta.discourse.org/t/signup-button-on-mobile/84956/3 "2018-04-18T22:19:41Z")

</div>

Thanks it worked.  
Do you know how i can get discourse html source code.  
I just want to check it out and get familiar with these basic CSS styling

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [April 18, 2018, 10:35pm UTC](https://meta.discourse.org/t/signup-button-on-mobile/84956/4 "2018-04-18T22:35:50Z")

</div>

No problem 🙂

Using the developer tools on your preferred web browser should be all you need to find the relevant CSS for a given HTML element.

I would look up how to enable the developer tools on your web browser of choice. Once enabled, you should be able to right-click on any element on the page and see some option alluding to “inspecting” the element. Clicking that should open a window or panel that takes you right to the relevant HTML and CSS. If you hover over an HTML element in the listed code, it should highlight it on the page to confirm you have the right thing selected. Hopefully that makes sense. It should be fairly clear once you have the inspector open and play around with it a bit.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [February 1, 2024, 11:49am UTC](https://meta.discourse.org/t/signup-button-on-mobile/84956/5 "2024-02-01T11:49:41Z")

</div>