Skip to content

Instantly share code, notes, and snippets.

@Rockbass
Created August 21, 2015 09:08
Show Gist options
  • Save Rockbass/a63015a5dc5cade5aec4 to your computer and use it in GitHub Desktop.
Save Rockbass/a63015a5dc5cade5aec4 to your computer and use it in GitHub Desktop.
Right sidebar on Twenty Fifteen WP Theme
/*
Theme Name: Twenty Fifteen Right
Theme URI: http://twentyfifteen-right.local/
Description: Twenty Fifteen Child Theme
Author: Vladimir Ponomar
Author URI: http://ponomar.pp.ua
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/
@import url("../twentyfifteen/style.css");
@media screen and (min-width: 59.6875em) {
body:before {
background-color: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
content: "";
display: block;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
right: 0;
Left:auto;
width: 29.4118%;
z-index: 0; /* Fixes flashing bug with scrolling on Safari */
}
.sidebar {
float: right;
right:0px;
max-width: 413px;
margin-right:auto;
position: relative;
width: 29.4118%;
}
.site-content {
display: block;
float:left;
margin-left:auto;
width: 70.5882%;
}
.site-footer {
float: left;
margin: 0 0 0 6%;
padding: 0;
width: 58.8235%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment