Some posts aren’t responsive

Hi,

Have you inserted any custom HTML or CSS into your post or is it purely text?

Cheers,
Rob

• This reply was modified 6 years, 7 months ago by Robin Hamilton.

Pure text, didn’t do anything with the code. Funny thing is that newest post (the one below) works just fine.
https://kacperstory.pl/5-anglojezycznych-kanalow-youtube-o-nauce-ktore-warto-subowac-cz-1/

I’ve got it! I just pasted whole content of my post “as a text”, like ctrl+a then checked “paste as a text”, ctrl+v, and everything seems to be all right. Weird that I did this 2 hours ago, and it didn’t help. Maybe not everything was selected… Anyway thanks for reply and clue ??

Cheers!

Hmmm, how strange. I’ve never seen this before.

I looked at the code and it seemed to be ‘float:left’ CSS code affecting it.
(However, the same code worked fine on your responsive post)

On a backup/development of your site, try deactivating all of your plugins to see if there is any conflict with your theme. Also, try activating the default WordPress ‘Twenty Seventeen’ theme and see if the post becomes responsive.

If that fixes the problem, it’s likely to be a theme issue in which case contacting their support team would be your best option.

https://themeforest.net/item/amory-premium-wordpress-blog-theme-for-creatives/15347323/support

Cheers,
Rob

Ah great stuff!

You’re welcome. ??

Ehhh… it won’t be that easy. Here’s what happened. After I posted everything as text it was good for 10 minutes, and then it switched back to being non responsive. Now both posts are with same issue I started with ??

I will check plugins, and contact support service. Will post results ??

Ok, I’ve got a clue, but could you help me with it? Apparently it’s not the plugins (I turned them all off), but photos. After I deleted photo form this post: https://kacperstory.pl/wlasny-biznes-czego-nauczylem-sie-przez-rok-lvl-2/?preview=true

everything works fine. But why?

Im a goddamm Sherlock Holmes ?? It’s captions! Captions in photos make whole site unresponsive. Still would like to know why and how to fix this, so I could use them. Any ideas?

• This reply was modified 6 years, 7 months ago by Kacper Perun.

ah ok! It looks like each image on your posts is wrapped inside a div with inline CSS properties with fixed widths (On the pages that aren’t responsive)

Therefore, when the page tries to resize, the images are forcing it to stay a minimum width.

If you say you haven’t added this code yourself, I’m not sure where it’s coming from.

Let me look into it a bit further ??

Right ok.. I’m unsure why captions are forcing your images to remain a set width. It could be theme related. (You can test this by trying out a different theme)

As a quick fix, add the following custom CSS to your site.

.wp-caption {
width: 100% !important;
}

That should fix the issue. Let me know if it works ok.

Cheers,
Rob

That did the trick! Your the real MVP Rob, thanks for your time ??

• This reply was modified 6 years, 7 months ago by Kacper Perun.

Awesome. No problem ??

Final edit (I hope). So after careful investigation the custom css Rob came up with was very helpful on bigger smartphones and tablets, but on smaller screens it was still the same. I contacted support from premiumcoding (really cool guys btw), and they made this piece of code:

@media screen and (min-width:0px) and (max-width:620px){
  .singledefult .blogpost {width:85%;}
}

And it looks like everything is good now ?? So once again, thanks for everything. If something changes I will keep you posted.
PS
How to add custom css:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/