Not able to zoom out on mobile device

I have BizWay Pro Theme some of my pages I have wide pictures so when I use mobile device I can only see half of the picture. Any suggestion for being able to zoom out or to have the picture resize to fit the mobile device. I would prefer to have the option of zooming enabled.

I tried to change the code in header.php from

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
to
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 />

but with no success.

Any suggestions will be appreciated.

 

Please do let us know your website link.

 

In the following link there is a memory game I am not able to display the full game on mobile devise
http://www.arabicplayground.com/memory-game/
Also on all the other pages if I have a big picture that exceeds the size to the phone display I cannot see the full picutre becuase i am not able to zoom
http://www.arabicplayground.com/letter-roads/

 

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

Code:

@media only screen and (min-width: 768px) and (max-width: 959px) {
.memCard{
width: 100px!important;
height:100px!important;
}
}
 
@media only screen and (max-width: 767px) {
.memCard{
width: 80px!important;
height:80px!important;
}
}
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
.memCard{
width: 50px!important;
height:50px!important;
}
a img.aligncenter{
width: 100px;
height:100px;
}
}
@media only screen and (max-width: 480px) {
.memCard{
width: 30px!important;
height:30px!important;
}
a img.aligncenter{
width: 60px;
height:60px;
}
}

Adjust its width and height as per your requirements.

 

Thanks alot for your solution with some adjustment it should work fine.