Outreach Header Problem on Safari

[Doug]

I am having an issue that only appears on Safari browser. The header area on Outreach Pro is centered on other browsers but not on Safari (looks like it shifts a bit to the side). Any fixes for this?

Here's the site I am creating: http://platinumdentalstaff.com/

Seems to be fine (centered) in IE, Firefox, and Chrome, but not Safari.

http://platinumdentalstaff.com/

[Victor Font]

The site looks fine in Safari. Safari is stubborn about clearing it's cache and reloading style sheets after changes. Clear all of your web history in Safari and reload your site. It will look fine.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Craig]

Hi Doug, your logo appears off center in every browser I tested (more so at smaller resolutions).

Could I first suggest editing the header/logo again and making sure that the logo is in the dead center (using guides or in Photoshop it will snap to grid if this option is turned on). At the moment it appears slightly to the left (I notice the image itself is 1200x 200, this could be trimmed down to the edges of the logo).

Then when editing the CSS, make sure that the background position is set to center center or top center, whichever produces the best results.

---

@craigsimps | craigsimps.com

[Doug]

Victor - I wondered if that were the case also, but have tested it on a couple different devices using Safari that had never loaded it before and it still comes out off-center. In fact I found this site and tested it here and it shows off-center here too: https://www.url2png.com

[Author]

Posts