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

TL;DR
  • Update your browser, clear cache, check Webflow Designer settings, custom scripts, and browser extensions.
  • Compare with other devices and use responsive tools for testing to ensure consistent mobile header display.

If your mobile header works on your co-worker's iPhone but not yours, it may be an issue with your device or browser. 

​

1. Check Browser Compatibility

  • Ensure your browser is updated to the latest version. Webflow sites are optimized for modern mobile browsers.
  • Clear cache and cookies in your mobile browser settings to eliminate old data that might interfere with your site.

​

2. Inspect Webflow Designer Settings

  • Open the Webflow Designer and verify that your site's mobile settings are correctly configured.
  • Check if there are any media queries or custom code targeting specific devices, which could affect how your site appears on different iPhones.

​

3. Test on Different Devices

  • Compare with other devices to see if the issue is unique to your iPhone. If the issue occurs elsewhere, it may be device-specific.
  • Use Webflow's built-in Responsive Behavior tools to preview the site on different simulated mobile sizes.

​

4. Review Custom Code/CSS

  • Inspect any custom code (e.g., CSS or JavaScript) you’ve added to your project that might influence mobile behavior.
  • Ensure that no styles or scripts are targeting certain device types or sizes erroneously.

​

5. Disable Browser Extensions

  • Temporarily turn off browser extensions that may interact with web pages and cause display issues.

​

6. Conduct Network and Safari Checks

  • Ensure your iPhone does not have any network restrictions that may prevent proper site loading.
  • Reset Safari settings if you are using the Safari browser, ensuring default settings are in place for optimal site viewing.

​

Summary

To resolve issues with the mobile header not displaying on your iPhone, update the browser, clear cache, check Designer settings and custom scripts, and test across devices. These steps help identify and fix the problem, ensuring consistency across different iPhones.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Does Webflow (free plan) have a design panel that includes shape tools like lines and squares for creating designs?
How can I implement GreenSock's GSAP ScrollTrigger and TextPlugin together in Webflow?
How can I enlarge the horizontal outline of a divider in Webflow when hovered over?
Are there any online resources that can help me build a custom donation form in Webflow that can connect to a payment partner allowing for iDEAL payments in the Netherlands?
What is the best way to transfer the design of my static pages from Bubble to Webflow without using the Webflow Plugin?
Has anyone here used Webflow and can share their experience?
Can Webflow achieve a dropping and lifting menu items animation similar to what is used on ___? What are the main steps to achieve this effect, and can it be done without JavaScript?
How can I get my Webflow site's sitemap to show up in Google Search Console and have my pages appear in Google searches? I have tried various solutions, including updating the robots.txt section and encountering an issue with fetching the sitemap. Please assist.
How can I improve my mobile site performance in Webflow, despite already implementing recommended changes?
Is it possible to write a JavaScript code in Webflow to hide a parent DIV element when a child element is set to Block, specifically when a CMS collection has no items?
What are some third party tools or integrations for Webflow?
In Webflow, when setting an Element to "Relative", how do I choose its positioning relative to other elements?
How can I make the INPUT FIELD on this Webflow template page active and process emails with "GO" as the send button for a Newsletter/Updates SIGN UP?
Can I code something in Webflow to set up 5 separate Slick Sliders with the same settings?
How can I fix the "Uncaught ReferenceError: $ is not defined" and "Uncaught SyntaxError: Unexpected token <" errors on my Webflow site?
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?