rfwrites

Went and figured it out for myself.

For anyone else who wants the stuff at the top of the page to always be at full visibility (and thus not increase in visibility when you mouse-over it), insert this code snippet into the Additional CSS box:

.site-header {
	opacity: 1;
}

.menu-toggle {
	opacity: 1;
}

Marking this thread as resolved now.

Okay, so… I ended up trying to figure both out for myself.

I’m gonna post it here just in case it will help anyone else.

Firstly, for the post–width thing, I added this to the Additional CSS box:

.content-area {
	max-width: 1000px;
}

And by changing the numerical value I was able to play around with the maximum width of the textbox for posts. I believe the theme default is 700px. I raised it a bit, to 1000px, and was happy with how it looked. Doesn’t seem to be causing any problems with how my site displays either. Really don’t see what the big deal with experimenting with that was…

Secondly, for specifying font-size for just mobile viewers, I added this to the Additional CSS box:

@media screen and (max-width: 640px) {
     .site-content {
       font-size: 85%;
     }
 }

And again by playing around with the percentage value – and viewing the changes on the mobile-screen part of the preview window – I was able to decrease the displayed font size on mobile and find something which I thought worked well.

Anyway, gonna mark this thread as resolved. Hope what I found can help anyone who needs it 🙂

It’s interesting that it is recurring for you. In my experience, I’ve only really seen the page mis-load like we’re talking about when in an Incognito browser window. And, again, only once in a great while. It’s very strange.

I’ve contacted my hosting service, but they said they couldn’t replicate the problem on their end.

I’m not sure what could be causing it. I only have a few plugins and they’re not really theme related.

I haven’t changed the theme’s code itself. And this is all I have in my ‘Additional CSS’ box:

.archive .post .entry-content {
display: none;	
}

html {
    font-size: 57.5%;
}

Could any of that be causing an issue? I’m not very well-versed in this type of thing…

@lizkarkoski

Hi, thanks for your response!

My site is ryanfinchwrites.com

I am using the slide-out side bar on my site, yes. And I can definitely see the wisdom in the default configuration you describe.

I just thought that if the textbox width was easy enough to tweak via the ‘Additional CSS’, I’d like to play around with it a bit. To see how it affects the look of my site.

Sure thing.

The site is: ryanfinchwrites.com

And obviously the archive pages can be found via the slide-out menu.