Mobile Header Background Color

Home Forums All Other Themes Mobile Header Background Color

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #206096
    BrianBrian
    Participant
    • Topics: 4
    • Replies: 5
    • Total: 9
    Member since: August 28, 2020

    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.

    #206113
    BrianBrian
    Participant
    • Topics: 4
    • Replies: 5
    • Total: 9
    Member since: August 28, 2020

    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 ?

    #206118
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #206122
    BrianBrian
    Participant
    • Topics: 4
    • Replies: 5
    • Total: 9
    Member since: August 28, 2020

    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.

    #206123
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    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

    #206125
    BrianBrian
    Participant
    • Topics: 4
    • Replies: 5
    • Total: 9
    Member since: August 28, 2020

    Thanks Chris, this CSS code has resolved the issue.

    #206127
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.