Rough Pixels

You are very welcome, and a quick note even though this topic is resolved:

Don’t worry about theme updates because you did the correct modification method of using a child theme–which is what they are for. For any theme updates that happen, the child theme is not going to be affected.

Best Regards,
Andre

I took a look and it does appear you have it functioning, which is one method of doing it and it’s also a good method too.

The premium version does this (it’s one of the features, including setting an image for categories too). But, this is for the free version and again, it appears you have a solution for it–and that is what is important.

Best Regards,
Andre

First, my apologies for late reply–I did not receive notifications.

What you first described here: “would it be possible to set the featured image as the header image for each post?” is built into the theme. The Header image feature (which is a WordPress feature added to this theme (and for the side column) can be changed from the customizer. It should be set up to display that image on all pages and posts (for the free version).

Your Setting will be in the Sidebar Column Options tab of the Customizer. Change the image and that should do it.

**I think I better check this to make sure it does that–it’s been awhile since working on this theme ??

Best Regards,
Andre

I just discovered you provided a rating and review; thank you for doing this ??

Best Regards,
Andre

No worries. I hope this works out for you. I’m still around, should you have other questions.

Best Regards,
Andre

Are you on an Android or iPhone? I still cannot replicate precisely what you are experiencing. The text auto-flows and stays in the window. I did a quick look at Bing’s AI with this issue and it came up with adding this:

.entry-content {
overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

Don’t know if this will help.

Is there a way to provide a screenshot? I went to your page with my phone and I increased the font using the aA size button on the Safari browser address bar (see the screenshot below). However, when using finger jesters to increase the size, then it will go off screen where you have to drag from one side to the other to see it all.

Screenshot showing text staying inside using the aA sizing on the browser address bar:

This is where the sizer is:

Generally, the user would adjust with the sizing feature or using a screen reader. If content does go out of bounds, they will need to scroll side-to-side to see the full width of content. This generally happens for any/most websites when using finger jesters to size up (or down). Likewise, even that browser feature with the sizer option, can sometimes create a scrollbar at the bottom for many sites.

Was this what you were referring too?

Unfortunately, this is the nature of most websites and whichever mobile browser they are using when the need for individuals to resize the content.

Best Regards,
Andre

Side note: You should probably start a new topic for this as the forum moderators might catch this continuing on a “Resolved” topic.

Before you do that, are you referring to the actual text content in the right side panel when doing CTRL and + to enlarge everything?

Actually, I decided to fix both issues right away. Version 1.0.2 is online now. Hopefully, this fixes what you discovered. One thing I added was the full post option to choose “Classic” as the post style. When changing this theme to the classic style, in addition to selecting the blog classic, you also need to select the Post classic from the layout tab in the customizer.

Best Regards,
Andre

I found the problem with the site header; fixing it right now. I’m also going to fix the classic style for the full post view, first thing in the morning–if I understand correctly with your reference to Post List that still maintains the newer style. I will have this uploaded tomorrow.

Best Regards,
Andre

Hi Bix…first, my apologies for being late with a reply; I did not get notification you posted.

For the main or archive pages, can you provide an example of what is not changing? If I missed something, I will have to fix that.

For font weight, is your website live? If so, or, if you can provide screenshots, I will take a look and see if there needs to be an adjustment.

Best Regards,
Andre

Now that makes me happy to know things worked out for you ??

@media (min-width: 992px){
.page-id-36 .site-content, .page-id-36 .site-footer {
    margin-left: 0;
}
}

That should do it.

I think I gave you incorrect code just earlier….should be this:

@media (min-width: 992px){
.page-id-36.sticky-nav .topnav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
}
}

Try that one.

Side Note: If you don’t want the menu fixed in a position where content scrolls behind it, change this part to this code:

position: relative;

On my end, I see the navigation menu on the content side and centered. Here is a screenshot: https://www.screencast.com/t/Od0unwqZkvj

If yours is over on the side column, it might need your browser or site cache to be cleared, perhaps?