• munyard

    (@munyard)


    Issues with Twenty Seventeen theme after update to WordPress 4.9.7

    I suspect an issue with Chrome, some of the featured images don’t show in headers.

    Issue started today after update.

    Works fine with Safari

    • This topic was modified 6 years ago by munyard.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Arthur

    (@ruhtra)

    Seconded.

    Only the primary image is correct on Chrome.

    https://free.will.exposed/

    • This reply was modified 6 years ago by Arthur.
    Thread Starter munyard

    (@munyard)

    Hello Arthur,

    I checked your site https://free.will.exposed/ in Chrome and it has the identical error to what I am experiencing.

    I checked your site in Safari and it works perfectly, (as so does mine in Safari)

    My site also works on an older version of Chrome, which I used at a School I visited today, so that puzzles me, because now I am not sure if it’s Chrome or WordPress.

    These are the versions I am using

      Chrome Version 67.0.3396.99 (Official Build) (64-bit)
      WordPress 4.9.7
    • This reply was modified 6 years ago by munyard.
    sp123

    (@sp123)

    Try to add this style to your .panel-image class:

    transform: translateY(0);

    This did the trick for others having the same problem one or two weeks ago.

    Sebastian

    Arthur

    (@ruhtra)

    Cheers!

    Added this to my CSS and works perfectly…

    /* fix for Chrome images */
    .panel-image {transform: translateY(0);
    }
    Thread Starter munyard

    (@munyard)

    OK, I will try it.

    I wonder if I should wait until Chrome updates and fix the problem? And if I add the CSS do I need to remove it again once chrome updates for fixes the problem?

    (I generally prefer to leave things vanilla)

    btw – I found this thread on the Forum … which describes the problem quite well.

    https://wordpress.org/support/topic/chrome-on-mac-breaks-2017-parallax-scrolling/

    Arthur

    (@ruhtra)

    I also like to have the least amount of tweaks, but the look of my site is top priority. Since this bug is live for almost a month…

    I don’t think you need to remove it after a Chrome fix, since it apparently doesn’t break anything else, but I’ll do it anyway.

    katdidit

    (@katdidit)

    Actually, The fix posted above does work in chrome, but kills the parallax scroll in firefox and ie –
    The final solution was to add a class for the browser type with the global booleans and body_class filter (child them function), then add the CSS above using the selector .chrome .panel-image

    
    //add browser class to body class 
    function browser_body_classes($classes) {
       global $is_iphone, $is_chrome, $is_safari, $is_NS4, $is_opera, $is_macIE, $is_winIE, $is_gecko, $is_lynx, $is_IE, $is_edge;
    if  ($is_iphone) $classes[] = 'iphone-safari';
    	elseif  ($is_chrome)  $classes[] = 'chrome';
    	elseif  ($is_safari)  $classes[] = 'safari';
    	elseif  ($is_NS4)  $classes[] = '	netscape4';
    	elseif  ($is_opera)  $classes[] = 'opera';
    	elseif  ($is_macIE)  $classes[] = 'mac-ie';
    	elseif  ($is_winIE)  $classes[] = 'win-ie';
    	elseif  ($is_gecko)  $classes[] = 'firefox';
    	elseif  ($is_lynx)  $classes[] = 'lynx';
    	elseif  ($is_IE)  $classes[] = 'ie';
    	elseif  ($is_edge)  $classes[] = 'ms-edge';
    	else 	$classes[] = 'unk-browsr';			
    return $classes;
    }
    add_filter('body_class','browser_body_classes');
    Arthur

    (@ruhtra)

    Cheers!

    Excuse me katdidit, where do I have to put the code you have written exactly? Thanks!

    The best place is in the [functions.php] from a child theme. Otherwise it might get overwritten with an update.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘WordPress 4.9.7 issue Twenty Seventeen + Chrome’ is closed to new replies.