How to change header image size with mobile

jdbeyer16

The logo I use i was wondering if there was a way to have it resize itself on mobile. IT shows well on desktop version of the site but it is a huge image so to have it resize would be nice when on mobile?

jdbeyer16

http://allaroundshine.com/index.php/ if you notice it is a 824x188px photo and of course many mobile phones cant display that big and if you go to it on mobile it shows nothing

saguaros

jdbeyer16

You can try with this custom css:

@media (max-width: 480px) {
a.logo strong {
    width: 200px !important;
    background-size: contain !important;
}
}