Community forum for knowledge and support

Updated 9 months ago

Header 103 issue on production site

At a glance

Hi guys,

I've got an issue with the Header 103 component. It stays stuck to the first tab on the production site, whereas the tabs transition correctly from one to another on the staging site. I'm confused, everything is the same on both sites, so what could go wrong?

Production: https://www.calixar.com/
Staging: https://calixar.webflow.io/
Read-only link: https://preview.webflow.com/preview/calixar?utm_medium=preview_link&utm_source=designe[…]r&preview=1f6a6e356a60ca0ab16e4af9e0c47c19&workflow=preview

Thanks a lot for your help,
Steven

S
M
M
52 comments

can someone please assist?


First one is production, second is staging - I would say its the difference between these two console logs - either a conflict with an existing script that for some reason is only on production, or a conflict with webflow's existing API that only exists on production.

I would try moving the multi-step form script to the specific page, rather than the whole website custom code fields and testing that out. If that doesn't resolve, I'll have to escalate this to engineering. Thanks!

Thank you . I've moved the multi-step form script, it shouldn't be on the homepage anymore. The issue still persists, though...

alright, it was a worth a shot. Will escalate, thanks

our team is taking a look at it still, hoping we'll have an answer one way or another soon, apologies for the delay.

No problem. I've found another way though.

okay, would you be able to share - DM If you'd like.

I've used a Flowbase cloneable that didn't have that issue

Hi , I'm actually facing other issues with that flowbase alternative, so I'd like to go back to Relume's component. When could I expect a fix? I know it's none of your business, but my client is getting impatient and doesn't really understand why such a feature is hard to work just fine.

If you are facing a similar issue with flowbase then my guess is that its something to do with some custom code on your site that maybe only happens on production which makes things extremely difficult to troubleshoot because we obviously can't just start deleting code from a production website. I'd like to get our team to fix our component on our preview first and go from there. I suspect we could also test this component on a another page of a production site as well to make sure its not some issue with the component + webflow in isolation.

ran a quick test and the component worked fine on both the webflow.io and production domain. So its likely a conflict with some other javascript you have on the site - maybe a cookie consent is blocking the script from loading?

it appears to be working for me now on your website as well

I didn't say I am facing a similar issue, I said I am facing other issues. It's not the same issue, since my issue with the Relume's component was that slide 1 was blocked and wouldn't transition to slide 2. Obviously, it's not what's happening with Flowbase as you can see.

What you see on the website is not Relume's component

Let me implement it again and see if it's working

got it, makes sense

thanks for that additional context

no problem, I might not have been accurate enough in my explanations

so, i've duplicated my homepage, and it's still working on staging but not in production

I've removed the analytics and cookie consent scripts, so there shouldn't be any additional code in the production site

I've seen this issue show up to other users on the webflow forum as well, it's not just me

is this turned on for you? If so, turn it off and republish? Just trying to troubleshoot here.

its under site settings > publishing - fyi

I see some serious differences in your <head></head> code from your webflow.io and production site - so I'm starting to wonder if that is going to lead us to the answer.

It's turned off, still nothing

the website's A records are on Cloudflare, would there be a link?

it looks like its this muse.js - its not on the webflow.io project but it is on the production one and when I remove it the slider works - <script>https://www.paypalobjects.com/muse/muse.js</a>"></script>

It's an ecommerce site and I've set up the native paypal integration, nothing more

Ok this is working now

yeah so that makes sense why it would work on webflow.io and not production

but that muse.js is conflicting with this for some reason

I think you had it right with the JS minification. I've turned content optimisation off from cloudflare settings

now it seems to work properly

thank you for digging into it

I wouldn't have made the connection

so it was likely the muse.js that was breaking on the JS minify

ok, i'll remember that!

because our JS is just basic jquery

sounds good, glad we got it

thank you for taking the time

Hey I have the same issue with my 1st slider. It’s basically skipping upon first load and my “minify JS” is turned offf - might there be other fixes I’m missing?

Add a reply
Sign up and join the conversation on Slack