Mobile Header Background Color

[Brian]

Hi Support, I’m using the Strong Pro theme. In ‘Dashboard’ / ‘Appearance’ / ‘Customise’ / ‘Header’ / ‘Header’ / ‘Header Background Color’ changing the header background color changes it on a Desktop or a Tablet but not on a Mobile phone as on a Mobile Phone the header background color remains with a white background. How do I change the header background color on a Mobile Phone ?

The only options in this section relating to a Mobile are:
Mobile Menu Background Color
Mobile Top Bar Background Color
Mobile Menu Text Color
Mobile Menu Active Text Color
Mobile Outer Toggle Bar Color
Mobile Inner Toggle Bar Color

As you can see there is no option for Mobile Header Background color.

[Brian]

Hi Support, Just to let you know that it appears that it’s only the Homepage on a mobile phone where the background color doesn’t change as it stays a white color whereas all of the other pages on a mobile phone show the header background color as set in ‘Dashboard’ / ‘Appearance’ / ‘Customise’ / ‘Header’ / ‘Header’ / ‘Header Background Color’.

So the question now is how do I get the homepage header background color to change on a mobile ?

[Sonnal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[Brian]

Hi Chris, as the website is still being developed I’ve sent the URL in an email to [email protected]
I’ve included the original ticket number of #206096 in the Subject line of the email.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.header {
  background:#0d1715 !important;
}
}

Regards,
Chris

[Brian]

Thanks Chris, this CSS code has resolved the issue.

[Sonnal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Chris

[Author]

Posts