Thesis: Proof: CSS Samples

You can add these CSS blocks to your Thesis -> Custom CSS screen

CSS

1. Change menu to non-full width to not cover logo:
Note, we recommend #1 here as the best way instead.

.navigation {width: auto; background: #000; height: 50px;}
.nav-primary .menu-primary {float: right;}

2. Hide toogle menu button / logo area and display menu by default all the time:
Note, we recommend #1 here as the best way instead.

.title-area {display: none;}
.nav-primary {display: inline !important;}
.toggle-menu {display: none !important;}
.navigation {background: #133347 !important;}

3. Hide toogle menu button but keep logo area - display menu by default all the time:
Note, we recommend #1 here as the best way instead.

.nav-primary {display: inline !important;}
.toggle-menu {display: none !important;}
.navigation {background: transparent !important; width: 70%; padding-top: 20px; position: absolute;}
.nav-primary .menu-primary {float: right;}
.template-page .nav-primary .menu-primary li a {color: #000;}
.template-page .nav-primary .menu-primary li a:hover, .post .nav-primary .menu-primary li a:hover {background: #fff; color: #333;}
.template-page .menu-primary .current-menu-item > a, .post .menu-primary .current-menu-item > a {background: #fff !important;}

4. Increase font size of menu items:

.nav-primary .menu-primary li a {font-size: 0.9rem;}

5. Remove the background color overlay on certain posts only:

.full-width-articles .post-114 .backstretch {opacity: 1;}

Note: post-114 would change depending on the Post ID of the particular post you are trying to apply this CSS too.

.full-width-articles .backstretch {opacity: 1;}

Would remove the effect on all posts.

6. Change logo image to transparent background

body#active-section0 .site-title a, body#active-section1 .site-title a, body#active-section2 .site-title a, body#active-section3 .site-title a, body#active-section4 .site-title a, body#active-section5 .site-title a {background: none !important;}