css - 如何删除 contempo 博客主题中的间距并使侧边栏在 1024 像素以上的屏幕中可见

Question

如何在 contempo blogger 主题中去除间距并使侧边栏在 1024 px 以上的屏幕中可见，网上给出的教程无法正常工作。

Answer 1

我认为您正在寻找的是 “在屏幕上显示小于 1440px 但大于 1024px 的侧边栏”。如果是这种情况，这里的帖子可能会帮助您对网站的 CSS 进行适当的更改，使其看起来像您想要的样子:Link

所以基本上用我们自己的覆盖默认的 css:

  @media screen and (max-width: 1024px) {
  .sidebar-container {
    bottom: 0;
    position: fixed;
    top: 0;
  }
  .sidebar-container {
    left: 0;
    right: 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);
  }
  .sidebar-container.sidebar-invisible {
    -webkit-transform: translateX($(sidebar.width * -1));
        -ms-transform: translateX($(sidebar.width * -1));
            transform: translateX($(sidebar.width * -1));
  }
 .page_body{margin-left: 5%;margin-right: 5%;}

}

接着调整边距:

@media screen and (max-width: 1439px) {
    .page_body{margin-left: 250px;}
}