How make logo image responsive?

You can just add your changes at bottom of template_css.css

What about the logo and navigation - there is still conflict!

Do you have some solution?

Thanks

add this css:

@media (max-width: 980px){
.mp_logo{
width:100%!important;
}
}

Please could you give me solution that works. My client is looking for this website to work, and all your ideas don't work on iPad.

Does it work on yours?

test.kuudle.com

Please help me! Could you go to the website and try to fix it yourself, maybe I'm doing something wrong.

With last one it does although it pushes menu down.

On my iPad it doesn't, it still overlap