Show Entry Title, Author Byline, Category Info on Left Side

entry-title-author-byline-category.css

/* Add the following to your CSS file or custom CSS file */

.entry-content { 
    width: 70%;
    position: relative;
    display: inline-block;
    float: right;
}

header.entry-header {
    display: inline-block;
    width: 27%;
    margin-bottom: 20px;
}

.entry-footer .entry-meta {
    border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
    padding-top: 20px;
	padding-bottom: 20px;
	display: inline-block;
    width: 27%;
}

.entry-footer .entry-meta:last-child {
    border-bottom: none;
    border-top: none;
}


.entry-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.2;
    font-family: Nunito;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
    color: #333;
}

.author-box {
    position: relative;
    margin-top: 2%;
    padding: 3% 0;
    width: 100%;
    display: inline-block;
    border-top: dotted 1px #cbcbcb;
    border-bottom: dotted 1px #cbcbcb;
}

@media only screen and (max-width: 1023px) {

.site-inner {
    padding: 5% 0 0;
}

header.entry-header {
    width: inherit;
    margin-bottom: 0;
     border-bottom: 0;
}

.entry-content {
    width: inherit;
    float: none;
}

.entry-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
    line-height: 1.3;
}

h2 {
    font-size: 20px;
    font-size: 2rem;
}

.entry-header .entry-meta {
    margin-bottom: 30px;
    margin-top: 15px;
}

p.entry-meta {
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-footer .entry-meta {
    padding-top: 0;
    width: inherit;
	display: inline;
    border: none;
}

}