Dissappearing header & Blog title customization

Hi there,

It looks like your CSS from the child theme is being applied now. I see that code making the h1 elements smaller.

Add this to keep the header from moving on pages:

.page #masthead {
    position: fixed;
}

I would like to customize the appearance of my blog title ‘Thinking in the 21st Century’

Here’s something you can start with. Feel free to tweak it to your liking:

.blog .site-main > header .entry-title {
    font-size: 20px;
}

Thank you so much David! So it turns out, none of my changes were showing up because of something to do with my browser history. It seems I have to clear it every time I upload my child-theme. Everything is working groovy now, but I wanted to share that in case someone else encounters that issue.

David, there are a few things that still are not quite right. I have been trying to figure it out myself but haven’t been able to get it working. first the header strip is fixed on all pages except the blog page. I understand that the blog page is kinda its own animal and doesn’t follow all the rules the other pages do. i tried tweaking your code to apply to the blog page but i must not be doing it right…

.blog .page #masthead {
position: fixed;
}

The next issue is that the footer behaves differently on all the pages. I want the bar to be fixed to the bottom of the window at all times for all pages. Also, I want to get rid of the text “theme: harmonic by…”. I was able to get rid of it on the main page with the following code:

#colophon {
position: fixed;
}

#colophon a{
visibility: hidden;
}

#footer-nav-wrapper .site-info {
visibility: hidden;
}

#footer-nav-wrapper .site-info a {
visibility: hidden;
}

but it still appears on the other pages. Also, in this bit of code I attempt to fix the bar to the bottom, albeit unsuccessfully. any suggestions?

This should take care of everything:

/* Fix position of header and footer */

header#masthead,
#colophon {
    position: fixed;
}
/* Media query for fixing footer position */

@media only screen and (min-width: 40.063em) {
    body.single #colophon, body.page #colophon {
        position: fixed;
    }
}
/* Hide theme info */

.site-info {
    visibility: hidden;
}