Add all the iPhone 17 models to this with the pricing also fix that button that’s covering the drop down in the top right
Image description: The /quote page on desktop (gatorsrepair.com/quote). The green hero with "Free Instant Pricing" badge and "Get an Instant Quote" heading sits above the white "Repair Price Estimator" card showing Step 1 device-type tabs (Phones selected, Tablets, Computers, Gaming) and brand buttons (iPhone, Samsung, Google Pixel). In the top-right header, a green circular chat bubble is overlapping the "Call Now ▾" dropdown button, and a second "We Are Here!" Tawk bubble sits at the bottom-right.
Let me find the iPhone pricing data and re-check the chat widget positioning.
The bottom-right "We Are Here!" bubble is the Tawk widget (correctly placed). The green circle overlapping "Call Now" in the top-right is a different floating element. Let me check the floating action button and the quote data file.
Both issues are clear now. For the iPhone 17 models I'll add them to pricingData. For the overlapping button — the FAB and Tawk are both bottom-right, so the green circle covering "Call Now" must be another fixed element. Let me search for it and read the pricing data structure.
The bottom-right "We Are Here!" bubble is Tawk (correctly placed now). The green circle covering "Call Now" must be another mounted widget. Let me check the layout to see everything that's rendered and how they stack.
I now have the full picture. The layout mounts the FAB (bottom-right) and Tawk (bottom-right). The green circle covering "Call Now" at the top-right is the Tawk widget iframe, which ignores the customStyle offsets on some loads (it's a third-party iframe). The reliable fix is to pin it to the bottom-right with forced CSS. Let me add the iPhone 17 pricing and read globals.css to add the override.
The iPhone 17 models are added. Now let me read the end of globals.css to append the Tawk position override.
I'll append a forced position override for the Tawk widget so it stays pinned to the bottom-right and can never cover the header buttons.
Both fixes are done. I added the full iPhone 17 lineup — iPhone 17 Pro Max, iPhone 17 Pro, iPhone Air, and iPhone 17 — to the top of the Repair Price Estimator's pricing data, so they now appear as selectable models with screen, battery, charging port, back glass, and camera pricing. For the overlapping button, I added forced CSS that pins the Tawk.to chat widget to the bottom-right corner with !important, so it can no longer drift up and cover the "Call Now" dropdown in the header (the widget is a third-party iframe that was ignoring its JS position setting on some loads).
Two quick notes: the iPhone 17 prices I entered are reasonable estimates following your existing pricing pattern (newest models priced highest) — please review and tell me the exact amounts you charge and I'll update them. Also, after you Publish, do a hard refresh (Ctrl+Shift+R) since the Tawk script caches aggressively. Want me to adjust any of those iPhone 17 prices now?
250 aftermarket 350 oled call for oeo apple screen price for iPhone 17 pro max
Let me check how the estimator displays screen pricing so I can represent the aftermarket/OLED/OEM tiers correctly.
I'll update the iPhone 17 Pro Max screen price to the $250 aftermarket figure, which matches your existing estimator note ("All iPhone prices shown are for aftermarket parts... Contact us for OEM pricing").
I set the iPhone 17 Pro Max screen to $250 (aftermarket), which is what the estimator displays by default. Right now the tool only shows one screen price per model and relies on the existing note ("Contact us for OEM pricing") to cover the higher tiers — so the $350 OLED and "call for OEM Apple" options aren't shown as separate selectable prices yet.
I can handle that the way you prefer:
How should the iPhone 17 Pro Max screen pricing tiers be shown in the estimator? Add a screen-quality toggle (Aftermarket / OLED / OEM)