Church Theme Logo and site-description alignment

[trbrts]

Hi. Let’s say I wanted to have the site logo on the left and the site-description on the right. I still want the logo to be limited to 30% width, and the site-description to be about 50% width aligned to the right. What would be my best means of accomplishing this. I’m close with these style sheet changes. Thanks.

/* Title Area
——————————————— */

.title-area {
font-weight: 700;
width: 100%;
}

.header-image .title-area {
padding: 0;
resize: 30%;
}

.site-title {
font-size: 45px;
margin: 0;
line-height: 1;
text-align: right;
}

.site-title a,
.site-title a:hover {
color: #211b1a;
}

.site-description {
color: #211b1a;
font-size: 17px;
margin: 0;
text-align: right;
}

[han]

I’d suggest to merge the site description with the logo as image file. That’s the easiest way and used by many developers. And use this code to hide the text version.

.site-description {
    display: none;
}

[Author]

Posts