How to make logo responsive?

Hi I have added my logo/banner but when viwed on atablet/mobile it remains very small whereas the slider adjusts in size correctly Could you please give me the specififcations that I should use when making a banner that is responsive. (www.headphonesforworkingout.com).

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 960px) and (min-width: 767px){
.header .logo img {
width: 200%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.header .logo img {
width: 93%;
}
}
@media only screen and (max-width: 480px){
.header .logo img {
width: 100%;
}
}
.header .header_info {
display: none;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade