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] Mobile: [IMG_7144.PNG]

This is caused by some custom CSS you have in your theme. You have this in your light theme in the common section. 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. .desktop-view header.b-header { background-color: #378899; }

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.

Ahhh, thank you!! Not all heroes wear capes. :raised_hands:

Mobile Brand Header button background colour not right?

Development

soraiden December 29, 2020, 12:02am 3

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

Topic		Replies	Views
Mobile Brand Header invisible? Development css , brand-header	3	125	March 26, 2018
Address bar color Product Support	3	713	June 26, 2018
Change background colour of Brand Header Development css , brand-header	2	160	October 3, 2020
Decouple theme color from header background colour Feature	3	1316	February 7, 2022
Hide Brand Header completely on mobiles Development css , brand-header	2	135	April 4, 2019

Mobile Brand Header button background colour not right?

Related topics