further header tweaks
This commit is contained in:
parent
e7993d4ff7
commit
928321cbc2
1 changed files with 17 additions and 7 deletions
24
style.css
24
style.css
|
@ -57,6 +57,7 @@
|
|||
.site-logo + .site-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-logo .custom-logo-link {
|
||||
border-radius: 0;
|
||||
width: 80px;
|
||||
|
@ -68,10 +69,16 @@
|
|||
box-shadow: 0 0 0 2px var(--color-white);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
@media only screen and (min-width: 768px) { /* desktop */
|
||||
.site-header {
|
||||
padding: 3rem 0 3rem;
|
||||
}
|
||||
.site-logo {
|
||||
position: relative;
|
||||
margin-bottom: calc(.66 * 1rem);
|
||||
top: initial;
|
||||
right: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
|
@ -179,23 +186,26 @@ h2.tagline:before {
|
|||
display: flex;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
.content-left {
|
||||
flex-basis: 200px;
|
||||
min-width: 200px;
|
||||
margin-right: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
.content-left img {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
@media only screen and (min-width: 768px) { /* desktop */
|
||||
.entry .entry-content .content-header {
|
||||
flex-direction: column-reverse;
|
||||
flex-direction: row;
|
||||
}
|
||||
.content-left {
|
||||
text-align: center;
|
||||
}
|
||||
.content-left img {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
h2.tagline {
|
||||
|
|
Loading…
Add table
Reference in a new issue