2017-05-22

[Blogger] [Responsive theme "Soho"] How to hide the side bar forever?


1. find two sections of code:

First:

@media screen and (max-width: 1439px) {
  .sidebar-container {
    bottom: 0;
    position: fixed;
    top: 0;
  }
  .sidebar-container {
    $startSide: 0;
    $endSide: auto;
  }
  .sidebar-container.sidebar-invisible {
    -webkit-transition-timing-function: cubic-bezier(0.4,0.0,0.6,1);
            transition-timing-function: cubic-bezier(0.4,0.0,0.6,1);
  }
  html[dir=ltr] .sidebar-container.sidebar-invisible {
    -webkit-transform: translateX($(sidebar.width * -1));
        -ms-transform: translateX($(sidebar.width * -1));
            transform: translateX($(sidebar.width * -1));
  }
  html[dir=rtl] .sidebar-container.sidebar-invisible {
    -webkit-transform: translateX($(sidebar.width));
        -ms-transform: translateX($(sidebar.width));
            transform: translateX($(sidebar.width));
  }
}


@media screen and (min-width: 1440px) {
  .sidebar-container {
    position: absolute;
    top: 0;
  }
  .sidebar-container {
    $startSide: 0;
    $endSide: auto;
  }
  .sidebar-container .navigation {
    display: none;
  }
}





Second: 

@media screen and (min-width:1440px) {
  body {
    position: relative;
  }
  .page_body {
    margin-$startSide: $(sidebar.width);
  }
  .sticky .centered-top {
    padding-$startSide: $(sidebar.width);
  }
  .hamburger-menu-container {
    display: none;
  }
  .sidebar-container {
    overflow: visible;
    z-index: 32;
  }
}


2. Notice the 1440px above.
Change the 1440 to a very larger number. Ex. 10000.
Or change it to any number you want. Ex. 1600.

If the number you used to replace 1440 is X.
Then change the 1439 to  X-1.



標籤：