Optional Author Bio? about minimal-mistakes

[mmistakes]

@ozank I think you're on the right track. Remove the {% include author-bio.html %} like you did, and then beef up the margin-left on the #index div to make up for the missing space that the author bio sidebar was occupying. If you make it 25% like below you should be golden.

@media only screen and (min-width: 37.5em)
#index {
    display: inline;
    float: left;
    width: 50%;
    margin-left: 25%; /* change from 0% to 25% */
    margin-right: 0%;
}

[ozank]

Thanks, that was spot on. What I ended up using is:

@media only screen and (min-width: 37.5em)
#index {
    display: inline;
    float: right;   /* change from left */
    width: 50%;
    margin-left: 0%; 
    margin-right: 25%; /* change from 0% to 25% */
    }

This way, I can add or remove the author info, without changing the layout.

[stanstrup]

I'd like to do this too. But I can only find the right CSS in the generated CSS file. Which source file and where do I change this?

[mmistakes]

@stanstrup The source files are all in /_sass/, you'll probably find what you need in the page.scss partial.

[stanstrup]

Thanks again for your help and patience. I cannot for the life of me figure which line to change. If I simply add

#index {
    margin-left: 25%;
}

to the end of the document it works though.

[mmistakes]

The #index declarations are all around line 248. The media query mixins are probably what are tripping you up. Because the theme is responsive the column widths change depending on the screen size. Depending on where you place margin-left: 25%; will have different results.

You'll probably want to add it here so it pushes the main column over on larger screens only since on mobile the theme defaults to a single tube of content.

@media #{$x-large} {
    @include grid(12,4.5);
    margin-left: 25%;
}

The smarter thing would be to use the prefix mixin to pad the left and fill the space originally occupied by the author sidebar.

@media #{$x-large} {
    @include grid(12,4.5);
    @include prefix(12,3); // adds 3 columns of blank space to the left
}

[stanstrup]

Thanks so much! It works great. And you are right. I thought I had a decent grasp of basic CSS but I am wholly unfamiliar with this syntax.

[mmistakes]

@stanstrup For the most part Sass is CSS, it just has a few tricks up its sleeve like nesting, variables, and mixins to augment things. The basics are documented here if you're interested.

[stanstrup]

Thanks for the pointer. I will read up on this as I move along with my own site.

[stanstrup]

For reference here is a version with no sidebar and more space in the middle based on @srijanshetty's fork (has categorized posts).
It has been cleaned up (stuff deleted) to be a minimal starting point for a new site.