Wordpress Pangolin theme posts seem to lose responsiveness

markh · 2017-12-19 20:28:36

No doubt this is a user error on my part because Wordpress and I get along poorly.
My WP site is beautifully responsive down to any width to which I crush it. Single posts however are only responsive down to a width of about 700px. Have dabbled a bit with custom CSS to get .the__copy, or .content or a few other things to change width to no avail. Might there be a backlight setting somewhere that has an effect on post width or breakpoint ?
Site is at: https://blog.photophart.com
First post will demonstrate my problem. If you open it and crush the viewport to iphone size the right side of the post goes off the screen.
Thanks
Mark

rod barbee · 2017-12-19 23:05:58

are you up to date with Backlight updates? (Including WordPress add-on)
After updates have you re-exported your WordPress theme?

markh · 2017-12-20 01:08:25

Think so. Backlight-Pages at 123, release 3. Wordpress at 125. Let me re-export the WP theme just to be sure. Gimme a minute...
Mark

Ok Backlight WP theme re-exported. Problem persists.

Last edited by markh (2017-12-20 01:21:16)

rod barbee · 2017-12-20 01:51:06

just a guess, but it could be this code that is embedded in the page:

<!-- Code Embed v2.2.2 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- -*- coding: utf-8 -*- -->
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<!-- Courtesy of Jeffrey Friedl - http://regex.info/ -->
	<!--with modifications by Mike Pasani http://mikepasini.com/corners/2013/05/22-friedl-wigglegram/index.htm-->

followed by second body tag, etc.

The Doctype is already declared at the top of the page (HTML) whereas this is declaring xHTML doctype.
Looks like the Friedl embed (which is really old--2013) is what's breaking things. You could try putting it ttg div, like the responsive grid framework.
Either that you you could try giving your embedded div a custom class and add some css to contain it.

markh · 2017-12-20 04:07:59

Rod, that embedded code is a custom field added in Wordpress post editor. Works real well but not responsive. Tried stripping out the doctype stuff, body, etc. Code still works but problem persists. So next I'll try your idea of giving it a custom class and go after it with css. Thanks for the suggestions.
Mark

Oh, and it is very definitely that embedded code that is causing the trouble. When I remove the custom fields containing the code the responsiveness problem goes away. So, good call on your part! Really appreciate the help.!

Last edited by markh (2017-12-20 04:13:44)

rod barbee · 2017-12-20 04:46:28

You could also place it in a TTG Responsive grid and use just one column. The css for that is already built in.
http://ttg-tips-and-tricks.barbeephoto. … backlight/

markh · 2017-12-20 07:04:29

Roger, wilco.

Daniel Leu · 2017-12-20 08:36:19

I don't see what is not responsive with the blog.

Generally, if there is an issue with Wp based pages, I would first disable all plugins and see if the issue persists (yep, clear template cache and browser cache, just to be safe)! If the issue still persists, report back, if the issue is solved, re-enable one plugin after the other (yep, same story about cache), and once the miss-behaving plugin is identified, report back.

markh · 2017-12-21 08:31:50

Daniel, it isn't there anymore because I fixed it. Using Rod's idea about wrapping the embedded code in a responsive grid and changing some width settings in the code did the trick.
Mark

Daniel Leu · 2017-12-21 22:09:19

markh wrote:

Daniel, it isn't there anymore because I fixed it. Using Rod's idea about wrapping the embedded code in a responsive grid and changing some width settings in the code did the trick.
Mark

Community @ The Turning Gate

#1 2017-12-19 20:28:36

Wordpress Pangolin theme posts seem to lose responsiveness

#2 2017-12-19 23:05:58

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#3 2017-12-20 01:08:25

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#4 2017-12-20 01:51:06

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#5 2017-12-20 04:07:59

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#6 2017-12-20 04:46:28

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#7 2017-12-20 07:04:29

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#8 2017-12-20 08:36:19

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#9 2017-12-21 08:31:50

Re: Wordpress Pangolin theme posts seem to lose responsiveness

#10 2017-12-21 22:09:19

Re: Wordpress Pangolin theme posts seem to lose responsiveness

Board footer