Make me MOBILE - Two wordpress pages need changes so they look better on small mobile screens

Avg Bid (USD)
Project Budget (USD)
$30 - $250

Project Description:
Note: if you want to view the 2 pages that I want to modify, login as user=guest1 password=guestpassword

1. Page with activity stream
--I want a new css for mobile devices so this activity stream is more compact and looks more like the twitter text darker, less white space, more like the twitter font.

2. Page with questions -
(a) Need to show this within a frame that is the right size for mobile devices so there is not so much white space on the left + modify the css for this page to have the appropriate settings for the following three types of screen:
@media only screen and (max-width: 640px) and (orientation: portrait) {}
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation: portrait) {}
@media only screen and (max-device-width: 480px) and (orientation: landscape){}

(b) Click on the grinning face - this gives a couple of pop-up select dropdown lists. This is exactly the funtionality I want but it currently uses jquery mobile to do this and I want to get rid of jquery mobile. So need some javascript to show and hide and popup select dropdowns that don't rely on jquery mobile.

Skills required:
CSS, Javascript
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 226
in 3 days
$ 206
in 10 days
$ 247
in 7 days
$ 115
in 3 days
$ 111
in 3 days
$ 120
in 4 days
Hire umadevisathesh
$ 100
in 3 days
$ 72
in 2 days
Hire adnanonline
$ 144
in 10 days
Hire ashishicfai
$ 144
in 7 days