paulwpxp

Hi again, I’m sorry for not being clear enough. What I meant is that we don’t need to write extra CSS using @media only screen and (max-width: 767px) at all

So we can just delete this from your code

@media only screen and (max-width: 767px) {
   #tips, .boxfloat {
      width: 100%;
   }
}

And remove/delete the width:920px from .boxfloat and from #tips.

Then assignmax-width:920px to .boxfloat.

And that’s it. I tested it in chrome web dev tool, and it works.

The blog page you linked to is the archive (post listing) page, not a single post page where comment thingy is usually going on.

Right now you got only 1 blog post, so it might be hard to tell which page is an archive or single, try making a few more posts.

There is something else too. On your blog’s archive (post listing) page, there is a CSS code in your child theme that display:none the post title, so what you see as the post title is not the real one but a line of text wrapped in H2 in the content area.

Since the real post title is display:none, there is no clickable link that leads to the single post page. So we must remove the display:none from your child theme style. And when we did that the real title will lead to this page https://radicalurge.com/hello-world which is the single post page and there is commenting system going on there.

I suppose you forgot or simply not aware that you need to change the permalink from hello-world to everything-is-connected as your real post title.

Use this in Additional CSS would fix the problem
.comment_avatar { width: 80px; }

but I’d rather try to figure out what makes theme’s CSS doing that in the first place and try to fix it there. Maybe it’s a bug, or maybe user made some changes and it messed up the good code.

There is this part of CSS that makes the whole page invisible. Please note that it’s invisible on both big and small screen devices, so I guess the reason you only see the problem on mobile could be that the browser on your big screen device is showing the cached version.

.secondline-themes-isotope-animation {
	opacity: 0;
	transition: opacity 500ms;
}

It’s loaded from this:
https://www.criswellscc.com/wp-content/uploads/fvm/out/header-0faf6c6a-0.min.css

I tried taking out the opacity: 0 (via web dev tool) and it fixed the problem, the blog showed up. So just find out what part of the theme or plugin injects that line of CSS and then remove/change it.

Hi, you don’t need 3 blogs on 1 site, you just need 1 site with 3 categories. This is how it usually is. All your 3 subjects are totally ok to be in 1 site. Learn how to use category and sub-category in WordPress, it’s easy and it goes a long way.

Problem on your first site is it’s using frameset pulling content from your blog hosted over at WP.com, this is not a good practice. It’s better to use your own domain at WP.com the right way, if you don’t want to pay for the upgrade then the subdomain with wordpress.com is totally fine.

IMO, the domain example.wordpress.com is better than example.000webhostapp.com in many aspects.

Hi again, I’m sorry I missed the part where you said you already deleted from trash.

After manually clicked Delete Permanently from trash, it should get deleted right away, that post must be gone from database. If the post still there, it means something else is in conflict. I suggest disabling all plugins and try deleting that post and see what’d happen. The first suspect is the podcast plugin, or some kind of sitemap plugin.

First problem

The images will be aligned correctly when I hit F12 (for web dev inspection), or zoom in/out, or F11 (for full screen browser viewing). There is also the inline CSS for width injected in the code. All of these point to one conclusion, there is some JS conflict.

Try disabling all plugins, see if problem goes away. If it does, re-enable them one by one to rule out the culprit.

Second Problem

The image is bigger than the container because there is this inline style 1010px width
<div id="attachment_40626" style="width: 1010px" class="wp-caption aligncenter">

Depending on how many of them like this that you have, if you got only few posts like this just go over them one by one and manually remove the style="width: 1010px" part.

If there are too many posts with this problem, just put this one line of CSS in Additional CSS section.

.wp-caption { max-width: 100%; }