@ asccanipek,
Our template just defines the styles of sidebar navigation on tablet and desktop view (>=767px with screens), you can create a custom.css file at templates/ja_magz/css/ path and add following css rules into:
.t3-mainnav .vert-nav .side-nav {
min-width: 160px;
}
Change the width until you get it perfect.
For the Head Social size, we use the span grid of Bootstrap to arrange the Head Social width in header block, you can backup and open templatesja_magztplsblocksheader.php file, find line:
<div class=”span4 head-social pull-right”>
Change to the span width you wish, however make sure that the total span width of all sections in this header block is 12 span (span12).