Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

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

markh
Member
From: Center of The US
Registered: 2012-09-24
Posts: 303
Website

Wordpress Pangolin theme posts seem to lose responsiveness

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

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,246
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Pangolin test site, Backlight 1.1.1 test site

Offline

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

markh
Member
From: Center of The US
Registered: 2012-09-24
Posts: 303
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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)

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,246
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Pangolin test site, Backlight 1.1.1 test site

Offline

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

markh
Member
From: Center of The US
Registered: 2012-09-24
Posts: 303
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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)

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,246
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Pangolin test site, Backlight 1.1.1 test site

Offline

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

markh
Member
From: Center of The US
Registered: 2012-09-24
Posts: 303
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

Roger, wilco.

Offline

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

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 852
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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.


Daniel Leu | Photography   
DanielLeu.com

Offline

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

markh
Member
From: Center of The US
Registered: 2012-09-24
Posts: 303
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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

Offline

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

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 852
Website

Re: Wordpress Pangolin theme posts seem to lose responsiveness

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

smile


Daniel Leu | Photography   
DanielLeu.com

Offline

Board footer

Powered by FluxBB