Docs

[Nuera]

Can you help me figure out why this error is occurring? Here is a screen capture of the effect.
https://drive.google.com/file/d/0ByO4t9lVCksrY0pIT2FfMDl3QU0/view

I am seeing the whole cornerstone preview jumping around when I add the lower section into the layout. I originally assumed this was relegated to the page preview, but the error also carried through to the live front end of the website!

The only thing I can think is that the cornerstone slider above this section is causing this, as I’ve never seen it before.

Do you guys have any advice?

[Nuera]

So I’ve determined that it is the cornerstone slider that is creating the issue. If I move that entire section to the bottom of the page, the whole error disappears.

I guess it’s occurring when the slider changes its height to accommodate the differently sized logos in the testimonials I’m displaying.

What would be the best way to counter this error? Can I fix the slider at a certain height or something?

Thanks in advance-

[Rahul]

Hi There,

Thanks for writing in! Would you mind sharing the URL to your website and also provide the URL where you are getting this error. This way we can take a closer look and provide you a tailored solution.

Thanks!

[Nuera]

This reply has been marked as private.

[Nuera]

FYI, I turned off the auto-play slideshow while I’m working on the page, the jittering was becoming maddening… lolol

Thanks for your attention 🙂

[Nuera]

So I have been unable to improve the status of the page, and in fact, it might actually be getting worse. I have attached 3 screenshots that display 2 different errors across 3 browsers.

Chrome:
The first screenshot is from Chrome, where I am still seeing a very jittery error connected with the testimonials slider. But in addition, now I am seeing a second scroll bar for some reason.

Internet Explorer:
The error I’m seeing in IE is that the top video background fails to properly display on page load. I’m not seeing the double scroll bars or jittery error, though.

Firefox:
Same issue as IE. I have no idea why this would occur on these browsers when I’ve never encountered this error using the cornerstone video background before.

Thank you very much for your prompt attention.

[Lely]

Hello There,

For Chrome, see this:http://screencast-o-matic.com/watch/cbnViTQRDl. I can’t duplicate the scroll bar
For Firefox, can you try adding this overflow: initial; on your section style field.
For IE: I can see the one on your screenshot but one the page finish loading the whole video is showing. See this:http://screencast-o-matic.com/watch/cbnViuQRDo

For the slide jumping up issue, we can set a minimum height per slider. Please share the specific URL with that issue so we can check the CSS needed.

Hope this helps.

[Nuera]

Thanks! That seemed to have fixed the video error on Firefox, but it hasn’t helped on IE yet. I would definitely like to fix that asap as this will be the very first thing people see on our homepage.

The jumpy slider is on that same page, just lower down. I created an anchor link for you here:
http://nueramarketing.com/2017-homepage/#testimonials

I don’t see the error in Firefox or IE (ironically), but if you try to advance the slider in Chrome it bugs out for a few seconds, and in some cases actually crashes all the on-page videos. I have tried two separate sliders in this spot and they both do the same thing.

Thanks for your prompt attention!

[Joao]

Hi There,

Did you change access url to your wp-admin?

I tried http://nueramarketing.com/wp-admin but without success.

Thanks

[Nuera]

Hmmmm… That url is working fine for me on all browsers.

[Nuera]

The only thing I can think is that Wordfence doesn’t like your IP address or something. Want me to deactivate that temporarily?

[Nuera]

Update: I have determined (after exhaustive deconstruction) that the jumpiness was actually stemming from some aspect of my custom footer.

I’m trying to determine what exactly is causing the error within that section.

[Lely]

Hi There,

I did check your footer content and it is fine. What I found is your facebook fixel code on Appearance > Customize > Custom > Edit Global JS.
It should be added instead on your functions.php of your child theme. Something like this:

function third_party_tracking_code() { ?>

  <script>
  /* facebook tracking pixel */
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '675077172595592'); 
fbq('track', 'PageView');
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=675077172595592&ev=PageView
&noscript=1"/>

<?php }

add_action( 'wp_footer', 'third_party_tracking_code' );

As you can see, the code has script tag. Even if you remove the one at the top, near the end there’s script tag. That was causing an error. Try removing the code from Customizer and adding that instead on your child theme.

But then your site says, you have duplicate pixel code. See attached screenshot. Please check where you have added that part on your screenshot. It seems like on your child theme already. So need to add the code I have suggested but try to remove still the code on your customizer.

Then try again after that.

[Nuera]

Awesome, thank you!!

The new pages is now live. I appreciate your help 🙂

Nuera | Creative Marketing Agency in Jacksonville, FL

[Rad]

You’re so much welcome!

[Author]

Posts