This wordpress site uses the twentysixteen theme. I have various plugins installed including Custom CSS in Jetpack. I have played about with the CSS a little to change the size and position of the menus and thumbnail. If you can see a better and more consistant way of doing this please let me know.
Here is the Custom CSS I am using
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | /* Welcome to Custom CSS! To learn how this works, see http://wp.me/PEmnE-Bt */ .site { opacity : . 8 ; } @media screen and ( min-width : 56.875em ) { .sidebar { float : left ; margin-right : 75% ; margin-left : 0 ; } .content-area { float : right ; margin-right : 0 ; margin-left : -100% ; } } .post-thumbnail { height : 0 ; } .post-thumbnail img { width : 150px ; -webkit- transform : translateY ( 10px ); } .entry-footer { -webkit- transform : translateY ( 150px ); } |