# Mobile Brand Header button background colour not right?

**URL:** https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668
**Category:** Development
**Tags:** css, brand-header
**Created:** [December 21, 2020, 6:25am UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668 "2020-12-21T06:25:13Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![soraiden](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/soraiden/32/547061_2.png) [@soraiden](https://meta.discourse.org/u/soraiden)
#### Post date: [December 21, 2020, 6:25am UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668/1 "2020-12-21T06:25:13Z")

</div>

My desktop version still looks stellar, but my mobile version has recently started displaying in this way. I know this was in the works for a future update, so it’s probably intentional. Is there a way to set my desktop background as one color and my mobile as another?

Desktop:

 ![Screen Shot 2020-12-20 at 11.20.57 PM](https://global.discourse-cdn.com/meta/original/3X/1/9/1934b8a3aefbe35939fdd6d0b5871d755bf91049.jpeg)

Mobile:

 ![IMG_7144.PNG](https://global.discourse-cdn.com/meta/original/3X/7/3/73f8afc141ca534adb04e44b2a59f7615c74b892.jpeg)

---

<div class="post-metadata">

### Author: ![Jack51](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jack51/32/201652_2.png) [@Jack51](https://meta.discourse.org/u/Jack51)
#### Post date: [December 28, 2020, 6:20am UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668/2 "2020-12-28T06:20:17Z")

</div>

I don’t have the color issue that you do on your left, but the multiple “hamburgers” isn’t ideal..

I would almost rather have it disabled from the mobile version. Granted, I’m a fan of absolute simplicity on mobile devices where every pixel counts.

---

<div class="post-metadata">

### Author: ![soraiden](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/soraiden/32/547061_2.png) [@soraiden](https://meta.discourse.org/u/soraiden)
#### Post date: [December 29, 2020, 12:02am UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668/3 "2020-12-29T00:02:21Z")

</div>

Agreed. I might just disable it for now. Two hamburgers is looking very strange.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [December 30, 2020, 6:30am UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668/4 "2020-12-30T06:30:14Z")

</div>

This is caused by some custom CSS you have in your theme. You have this in your light theme in the common section.

```css
header.b-header {
  background-color: #378899;
}

```

The common stylesheet applies to both desktop and mobile. Either move that rule to the desktop section or change it to look like this.

```css
.desktop-view header.b-header {
  background-color: #378899;
}

```

---

<div class="post-metadata">

### Author: ![soraiden](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/soraiden/32/547061_2.png) [@soraiden](https://meta.discourse.org/u/soraiden)
#### Post date: [January 3, 2021, 3:06am UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668/5 "2021-01-03T03:06:33Z")

</div>

Ahhh, thank you!! Not all heroes wear capes. 🙌

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [June 18, 2024, 11:53pm UTC](https://meta.discourse.org/t/mobile-brand-header-button-background-colour-not-right/312668/6 "2024-06-18T23:53:36Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.