Cloriato theme Zoom does not work on mobile device

Cloriato theme Zoom does not work on mobile device. Is there a change that needs to be done to make this work?

 

Hello,

You are using the responsive theme and it won't zoom in your mobile device, The main purpose of the responsive theme is you can see the whole website without zooming it. so you don't need to zoom it, it will show in responsive form.

 

If you look at this website in an iphone, it looks like this. Is there a way to fix it with this responsive theme? I need to get rid of the space marked in the uploaded image.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
.logo img {
width: 100%;
}
}

 

Thank you very much it worked.
But now I see a lot of white space between Navigation bar and the logo. you can look at the uploaded image to understand what I mean.
I also need to center the logo on the mobile view.

 

Never mind, I got it fixed. Thank you