diff --git a/admin/themes/default/css/default.css b/admin/themes/default/css/default.css
index db1537c..94aa986 100644
--- a/admin/themes/default/css/default.css
+++ b/admin/themes/default/css/default.css
@@ -479,3 +479,64 @@ footer a , footer{
   font-size:10px;
 }
 
+/* iPhone 4, iPhone5, Small Tablet, Tablet */
+@media (max-width: 800px) {
+
+    .monstra-header .btn-small {
+        padding: 0px 7px;
+    }
+
+    .monstra-menu-sidebar {
+        background: url('@theme_admin_url/img/noisy_grid.png');
+        background-color:#ccc;
+        max-width: 100%!important;
+        min-width: 100%!important;
+        margin-bottom: 20px;
+        padding: 19px;
+        border:2px solid #ccc;
+    }
+
+    .container-fluid {
+        padding: 0px;
+    }
+
+}
+
+/* Small Tablet(Landscape), Tablet(Portrait) */
+@media (min-width: 768px) and (max-width: 800px) {
+    .row-fluid .span10 {
+        -moz-box-sizing: border-box;
+        display: block;
+        width: 94%;
+    }
+
+    footer a, footer {
+        color: #333333;
+        font-size: 10px;
+        margin-right: 10px;
+    }
+}
+
+/* iPhone 4 */
+@media (max-width: 320px) {
+    .markItUpButton11, 
+    .markItUpButton12, 
+    .markItUpButton13,
+    .markItUpButton14,
+    .markItUpButton15,
+    .markItUpButton16,
+    .markItUpButton17,
+    .markItUpButton18 {
+        display: none;
+    }
+    .markItUpSeparator{
+        display: none;
+    }
+
+    #showImage {
+        min-width: 298px!important;
+    }
+}
+
+
+
diff --git a/admin/themes/default/index.template.php b/admin/themes/default/index.template.php
index ae027c9..94b21bf 100644
--- a/admin/themes/default/index.template.php
+++ b/admin/themes/default/index.template.php
@@ -49,23 +49,40 @@
         <div class="row-fluid">
 
             <!-- Block_sidebar -->
-            <div class="span2 monstra-menu-sidebar hidden-phone">
-                <h3><?php echo __('Content', 'pages'); ?></h3>
-                <ul>
-                    <?php Navigation::draw('content'); ?>
-                </ul>
-                <div class="monstra-menu-category-separator"></div>
-                <?php if (Session::exists('user_role') && in_array(Session::get('user_role'), array('admin'))) { ?>
-                <h3><?php echo __('Extends', 'system'); ?></h3>
-                <ul>
-                   <?php Navigation::draw('extends'); ?>
-                </ul>
-                <div class="monstra-menu-category-separator"></div>
-                <?php } ?>
-                <h3><?php echo __('System', 'system'); ?></h3>
-                <ul>
-                    <?php Navigation::draw('system'); ?>
-                </ul>
+
+            <div class="span2 monstra-menu-sidebar">
+
+                <div class="hidden-desktop">
+                    <select class="input-block-level" name="sections" id="sections">
+                        <?php                           
+                            Navigation::getDropdown('content');
+                            Navigation::getDropdown('extends');
+                            Navigation::getDropdown('system');
+                        ?>
+                    </select>
+                </div>
+
+                <div class="hidden-phone hidden-tablet">
+
+                    <h3><?php echo __('Content', 'pages'); ?></h3>
+                    <ul>
+                        <?php Navigation::draw('content'); ?>
+                    </ul>
+                    <div class="monstra-menu-category-separator"></div>
+                    <?php if (Session::exists('user_role') && in_array(Session::get('user_role'), array('admin'))) { ?>
+                    <h3><?php echo __('Extends', 'system'); ?></h3>
+                    <ul>
+                       <?php Navigation::draw('extends'); ?>
+                    </ul>
+                    <div class="monstra-menu-category-separator"></div>
+                    <?php } ?>
+                    <h3><?php echo __('System', 'system'); ?></h3>
+                    <ul>
+                        <?php Navigation::draw('system'); ?>
+                    </ul>
+
+                </div>
+
             </div>
             <!-- /Block_sidebar -->
 
@@ -96,10 +113,12 @@
 
         <!-- Block_footer -->
         <footer>
-            <p align="right">
+            <p class="pull-right">
                 <span style="border-top:1px solid #E0E0E0; padding-top:10px;">
+                <span class="hidden-phone">
                 <a href="http://forum.monstra.org" target="_blank"><?php echo __('Official Support Forum', 'system'); ?></a> /
                 <a href="http://monstra.org/documentation" target="_blank"><?php echo __('Documentation', 'system'); ?></a> /
+                </span>
                 © 2012 - 2013 <a href="http://monstra.org" target="_blank">Monstra</a> – <?php echo __('Version', 'system'); ?> <?php echo Monstra::VERSION; ?>
                 </span>
             </p>
diff --git a/admin/themes/default/js/default.js b/admin/themes/default/js/default.js
index 8d1d041..937f5a3 100644
--- a/admin/themes/default/js/default.js
+++ b/admin/themes/default/js/default.js
@@ -17,3 +17,9 @@
 
 /* Confirm delete */
 function confirmDelete(msg){var data=confirm(msg+" ?"); return data;}
+
+$(document).ready(function() {
+    $('#sections option').click(function() {
+        window.location = $(this).attr('rel');
+    });
+});