github.com/rezahousseini/hugo@v0.32.3/docs/static/css/style-responsive.css (about) 1 @media (max-width: 768px) { 2 3 .header { 4 position: absolute; 5 } 6 7 /*sidebar*/ 8 9 #sidebar { 10 height: auto; 11 overflow: hidden; 12 position: absolute; 13 width: 100%; 14 z-index: 1001; 15 } 16 17 18 /* body container */ 19 #main-content { 20 margin: 0px!important; 21 position: none !important; 22 } 23 24 .wrapper { 25 padding: inherit; 26 } 27 28 #sidebar > ul > li { 29 margin: 0 10px 5px 10px; 30 } 31 #sidebar > ul > li > a { 32 height:35px; 33 line-height:35px; 34 padding: 0 10px; 35 text-align: left; 36 } 37 38 #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li { 39 width: 100%; 40 } 41 #sidebar > ul > li > ul.sub > li > a { 42 background: transparent !important ; 43 } 44 45 /* sidebar */ 46 #sidebar { 47 margin: 0px !important; 48 } 49 50 .btn { 51 margin-bottom: 5px; 52 } 53 54 .navigation.next { 55 display: none; 56 } 57 58 } 59 60 @media (max-width: 480px) { 61 62 .notification-row { 63 display: none; 64 } 65 } 66 67 @media (max-width:360px) { 68 69 h1 { 70 font-size: 1.9em; 71 } 72 }