Header color on tablet and phone

Home Forums All Other Themes Header color on tablet and phone

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #133312
    Robert Kantor
    Participant
    • Topics: 3
    • Replies: 0
    • Total: 3
    Member since: October 25, 2019

    Hello.

    My header shows my logo (transparent border) and my header image on the desktop. When I view my site on my tablet or phone the my logo is shown on a solid color header which is black on the front page and blue on the blog page. What is controlling these solid colors headers? How can I change the color if I cannot have my images appear. The header images cannot be resized?

    https://www.trailsandmountains.com. you can view the desktop vs tablet or phone.

    Thank you,
    Robb

    I am using the adventure theme.

    #133369
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24505
    • Total: 24505
    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) {
    .logo { width:30%;}
    .logo img { height:auto; width:auto;}
    .nivo-directionNav a { z-index:9 !important;}
    .header { background:#444 !important;}
    }

    Regards,
    Chris

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