Does anyone have suggestions for a site or app that can emulate the latest Safari version to help me troubleshoot a flickering issue in Webflow? It only happens on the home page with split navigation div elements.

TL;DR
  • Use BrowserStack, Sauce Labs, or LambdaTest to test your Webflow site on the latest Safari version to identify and fix flickering issues specific to this browser.

Encountering a flickering issue in Webflow with split navigation div elements can be challenging, and testing it on Safari specifically requires certain tools since it may not be happening on other browsers.

​

1. Use BrowserStack for Safari Testing

  • Sign up or log in to BrowserStack, which provides real devices for testing.
  • Select Safari from the list of available browsers.
  • Choose macOS to emulate the latest Safari version.
  • Test your Webflow site by reproducing the issue and identifying if Safari-specific styles or scripts are causing it.

​

2. Utilize Sauce Labs for Browser Emulation

  • Access Sauce Labs and create an account if needed.
  • Navigate to Live Testing and select Desktop Browser.
  • Choose Safari and ensure it's the latest version.
  • Observe your site to check where the flickering might be occurring on the homepage.

​

3. Explore LambdaTest for Cross-Browser Checks

  • Sign up or log in to LambdaTest.
  • Go to the Real-time Browser Testing section.
  • Select Safari under the OSX category.
  • Navigate through your home page to observe the flickering and determine potential fixes.

​

Summary

To troubleshoot a flickering issue on Safari for your Webflow site, use BrowserStack, Sauce Labs, or LambdaTest to emulate the latest Safari version. These platforms allow you to pinpoint browser-specific problems, enabling effective fixes on your Webflow site.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I ensure that the sizes and positioning of my web design elements in Webflow remain consistent and accurate across different views, such as the designer and the toggle preview?
How can I add a background video to my Webflow site using custom code?
Can anyone advise on how to link an existing external database to a Webflow site?
How can I implement a custom horizontal scrollbar like the one shown in the attached image using Webflow?
How can I fix the issue with the name tag not being pulled through to Mailchimp and the error message "Oops! Something went wrong while submitting the form" when testing out the signup form on my Webflow page?
How can I fix the issue of the Finsweet Cookie consent cloneable not working on mobile and unable to scroll inside the modal on both Finsweet's website and my own Webflow site?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?
How can I make the sign-up form modal in Webflow's homepage only appear once, either after initial load or after the user has signed up or closed out, and how and where can I insert the code to set a cookie?
How can I create a background image with two pictures, a white line, and a blue background in Webflow? The current method I'm using with one big background image is not accurate in terms of size, scalability, and quality. Is there a better way to achieve this in Webflow? Thank you for your help.
How can I create a responsive grid in Webflow, where a 3x3 grid of images on desktop becomes a 2x2 grid on tablet and a 1x1 grid on mobile?
What Webflow account plan is required to publish multiple websites, as I have a free account with 2 websites?
Is there a way to remove the "Made in Webflow" badge from the Webflow pages plugin in Wordpress without affecting the integration with Intercom?
Does Webflow automatically include hreflangs in the code for multi-language websites, and if so, where do they come from?
How can I control the position of the anchor when using a sticky menu in Webflow? Specifically, I want to ensure that the heading appears above the sticky navigation. This issue is present on the Guests page of my site. My site Read-Only link is provided.
How can I add ratings to the Webflow CMS?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?