Responsive Layout Not Working

Hello,

Thanks for using our theme

Please tell me what device do you use for testing? Because I went to your website from my mobile and it looks fine for me

Thanks for getting back to me.

Like I said, I have enabled the Jetpack mobile site to fix it but I’d rather not use that as it looks very basic.

I have disabled it just now so you can see the problem ?? (now the homepage doesn’t work either)

I have tested it on various mobiles Sony/ iPhone etc

P.S the responsive option is definitely on in the theme options.

Our theme demo page works correctly for you?
https://themes.fruitfulcode.com/fruitful/

Yup the demo works fine. ??

I have had a few people message me as well saying they can read my posts on their mobile.

It used to work fine and I haven’t changed anything with the theme for quite a while.

Looks like a problem with one of your plugins. Try to disable it one by one to detect the conflict.

That’s strange. I’ve not installed any new ones recently.

Will give it a go ??

Tried it and it still doesn’t work.

I have noticed that it doesn’t do it with all posts for some reason.

Some like these ones don’t work:

https://crazylilweddings.com/alternative-wedding-inspiration/23-unique-wedding-venues-in-scotland-that-are-too-damn-awesome/

https://crazylilweddings.com/alternative-wedding-inspiration/how-to-choose-a-wedding-videographer/

But other ones like these ones work fine:

https://crazylilweddings.com/real-alternative-weddings/diy-rustic-woodland-themed-wedding-in-the-irish-countryside/

https://crazylilweddings.com/alternative-wedding-inspiration/mini-las-vegas-honeymoon-travel-guide/

I can’t see anything that the ones that work/ don’t work have in common ??

I have put the jetpack mobile site back on for now as I don’t want people to have problems viewing the posts. ??

If you have any idea how to fix it that would be great.

Hi YPod,

Was having a similar problem with a different theme but checked your page out and located this code in the Fruitful Shortcode CSS. It’s on line 1626. Search for .post-content.

.blog_post .post-content, .eleven.columns .blog_post .post-content, .search .blog_post .post-content {
	width: auto;
}

Comment out like this

.blog_post .post-content, .eleven.columns .blog_post .post-content, .search .blog_post .post-content {
	/*width: auto; removed for breaking the responsive layout*/
}

On a side note your Facebook .js isn’t loading…

Hope this helps you
Cheers, Nigel

Please submit a request to our support:
https://support.fruitfulcode.com/hc/en-us/requests/new

Thanks Nigel ??

Do you mean replace the first bit of code you mentioned with the second one?

Facebook seems to be working ok when I test it? Where did you see it not working?

Thanks Fruitful, I have submitted a request via the link you provided.

I’m not sure if it went through ok, can you let me know if you get it?

Thanks, we received your request. We will try to help you.

Yes, YPod, you can replace the first with the second piece of code.. I use Google Chrome but I tested it with IE and it seemed to work with that browser too. Mobile browser’s might respond differently. Couldn’t test my phone because you had Jetpack on.

When you inspect an element on the page you linked using Chrome it shows a 404 error for your Facebook JavaScript. I’m guessing it’s a plugin…

To inspect an element using Chrome you right click on the element on the page you want to view, then click “Inspect Element” a console will appear where the right column shows the CSS for the element that’s highlighted on the main page.

Hopefully Fruitful will get it sorted for you
Cheers

Hello.

I have exact the same problem.

Since a couple of days. The problem is in posts with photos bigger than 300px width.

There was no problem before.

Is there a solution yet?

Thanks!