Header color on tablet and phone

[Robert Kantor]

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.

[Sonal S Sinha]

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

[Author]

Posts