Webflow sync, pageviews & more.
NEW

Why is the mobile header in Webflow working on my co-worker's iPhone but not on mine?

TL;DR
  • Clear browser cache and test in a private window to rule out caching issues.
  • Compare iOS/browser versions and screen/zoom settings between devices.
  • Disable content blockers and review Webflow mobile breakpoints and styles.
  • Republish the site and perform a hard refresh to apply updates properly.

If your Webflow mobile header works on one iPhone but not another, the issue is likely related to device-specific browser settings, caching, or iOS version differences.

1. Clear Browser Cache and Data

  • Cached HTML, CSS, or JS files can conflict with recent updates.
  • On your iPhone, go to Settings > Safari > Clear History and Website Data.
  • Reopen the site in Safari after clearing.

2. Test in a Private Window

  • Open your site in a private/incognito tab on Safari or Chrome.
  • This bypasses most cached assets and extensions that could interfere.

3. Confirm iOS and Browser Version

  • Compare your iOS version and browser version with your co-worker’s.
  • Webflow relies on modern browser features; older versions may render content incorrectly.

4. Disable Content Blockers

  • Safari content blockers or privacy settings (like in apps such as 1Blocker or AdGuard) can remove or hide elements.
  • Go to Settings > Safari > Extensions, and turn off any active blockers.

5. Check Screen Size and Zoom Settings

  • Go to Settings > Display & Brightness > Display Zoom, and compare the Zoom setting between devices.
  • Some very small screen sizes or zoom levels can hide flexible elements if not handled properly in Webflow.

6. Use Webflow Preview and Breakpoints

  • In the Webflow Designer, check the mobile portrait and landscape breakpoints.
  • Look for styles conditionally applied via display: none or hidden elements.
  • Also verify that your navbar or menu component is set to appear at smaller widths.

7. Publish Again and Hard Refresh

  • After making changes, be sure to republish your site using the Publish button.
  • Then perform a hard refresh: on mobile Safari, tap the reload icon with a long press and choose Reload Without Content Blockers.

Summary

The mobile header likely fails on one iPhone due to caching issues, iOS/browser version differences, content blockers, or Webflow breakpoint configurations. Clean the cache, compare devices, and double-check your mobile styles in Webflow's Designer.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can I apply the lazyload image attribute in the Webflow Designer using a regular image module instead of the embed module?
Can I hide or delete a collection page in Webflow without using a password protection or JavaScript redirect?
How can font color be changed based on background color zones in Webflow? What script can easily achieve this, such as black font for the upper left zone, white font for the lower zone, and white font for the upper right zone?
What could be causing my CMS collections to disappear in Webflow and how can I resolve it?
How can I make a modal pop up on exit intent in Webflow? My site is Read-Only.
Can I disable scroll events until an interaction timeline in Webflow is completed? Why do Webflow interactions abruptly end when switching browser tabs?
What is the best membership software to integrate for an investment website with ecommerce features? Alternatively, is it more advantageous to use Webflow's 'Users' function (beta)?
How can I place a text with a link on top of each image in my Webflow layout that was created using a grid?
Why are the links for the "Sign Up" and "Log In" pages redirecting to the home page instead of their intended pages on my Webflow website when using Chrome and Edge browsers?
Why am I seeing "something unexpected happened" instead of a site preview on my Webflow dashboard? The site seems to be working fine, but I'm concerned about this error message.
What is the best way, from an SEO perspective, to make a website available in both English and Dutch using Webflow?
How can I identify which pages in the Webflow Dashboard are using certain symbols?
What are the required records to connect a subdomain to Webflow if the main domain is not meant to be connected?
How can I ensure that elements on my Webflow one-page website are positioned consistently across different screen resolutions?
Do the URLs for inline images in articles on Webflow CMS persist when shutting down a site, or do they need to be migrated?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
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?