html - Making a 960px wide site mobile friendly -

i updating website meet google mobile friendlyness requirements. website has been designed fixed width of 960px if set viewport width=960, initial-scale=1 mobile friendly checker extension reports following problems:

score: 61

• viewport configuration 10
• font legibility 40
• size , proximity of links 18

if set viewport width=device-width, initial-scale=1 website flows outside of viewport , following errors:

score: 64

• content viewport 50
• size , proximity of links 7

in order google verify mobile friendly need go down width=device-width, initial-scale=1 route , update styles accordingly? there other workaround?

if try trick google benefit of rankings should prepared 'punished' google it. fast become same links issue sites drop out of ranks altogether because of dodgy practices. so, don't it!

perhaps temp fix should include adding new classes css reshape [/hack] ever going out of viewport area, e.g.

@media (max-width: 767px) {    .rightsidebar {float: none; clear: left;} }