Sportsman Theme – Header & Footer

Home Forums All Other Themes Sportsman Theme – Header & Footer

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #163620
    Gayan WickramageGayan Wickramage
    Participant
    • Topics: 1
    • Replies: 4
    • Total: 5
    Member since: September 19, 2020

    Hi, Im using the Sportsman theme and using a graphic header logo. The background colour of the header changes to blue on mobile layout – Please help
    Also the copyright area color can not be set to what I want – gives a different colour.

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

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #166966
    Gayan WickramageGayan Wickramage
    Participant
    • Topics: 1
    • Replies: 4
    • Total: 5
    Member since: September 19, 2020

    Hi, Below is the URL. Mobile version gives a different Header background colour. Please help.
    https://www.pssl.lk

    #166967
    Gayan WickramageGayan Wickramage
    Participant
    • Topics: 1
    • Replies: 4
    • Total: 5
    Member since: September 19, 2020

    https://www.pssl.lk/

    #167040
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Kindly paste the URL of the site directly.

    Regards,
    Shri

    #167045
    Gayan WickramageGayan Wickramage
    Participant
    • Topics: 1
    • Replies: 4
    • Total: 5
    Member since: September 19, 2020

    www.pssl.lk

    #167126
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    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: #272425;
    }
    }
    #copyright {
        background: #272425;
    }

    Regards,
    Chris

    #167359
    Gayan WickramageGayan Wickramage
    Participant
    • Topics: 1
    • Replies: 4
    • Total: 5
    Member since: September 19, 2020

    Thank you.
    The Copyright background works now, but the Header background in Mobile version still gives a different colour!!

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

    Hi,

    Remove

    @media screen and (max-width:479px) {
    .header {
        background: #272425;
    }
    }
    #copyright {
        background: #272425;
    }

    And Add this new CSS:

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

    Regards,
    Chris

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