Changing How My Site Looks On Different Devices/Tabber View

Hi,

I would like to change how my site looks on smaller devices. I had help with this on the old forum, but thats all gone now so could you please explain it again? I remember there was a section of code that needed editing that specified specific settings/layouts for different sized screens. I am unhappy with how the blog looks when on a smaller screen such as the ipad, as it makes the grid view post boxes really thin and long. This looks horrible. Ive attached a picture so you can kind of see what I mean. I would love your help to try and improve how this looks. I am very new to all this so if you could be as detailed as possible, that would be amazing. 

Also....you helped me try and sort how the tabber menu bar is displayed on smaller devices. I was unhappy with how the default way looked, as when you had alot of tabs, it looked messy. You suggested I changed it and made it more of a list view like the picture attached. But I feel that this takes up too much space and could be displayed in a better way. Is there anything else you can suggest to improve the way the tabber menu is displayed? 

Many thanks

John

• Screen shot 2013-06-16 at 12.20.43.png
• Screen shot 2013-06-16 at 12.16.16.png