Chrome and Site Float Left Mystery

[andredumont]

Hi Fellow Weavers.

I have a few very simple responsive sites that are all doing the same thing. In Explorer, all elements float center as designed. They are also fine in Edge. Then we get to Chrome. First show/fresh cache shows all elements and containers centered as planned, but a refresh (or subsequent visit to the same page) sends all containers flush left, where they stay until I clear cache. Then it's back to center.

Here's the kicker. It stays centered in Chrome ingognito through multiple refreshes. So it HAS to be attached to regular cache, right? I am thinking maybe a Chrome setting?

Either way, it's driving me a bit crazy. Any ideas/advice/answers/code would be greatly appreciated.

Here's one of the sites that this happens on: https://tidalrestorations.com/

Thanks. 

Andre, NC

[anissa_thompson]

I'm not getting that display issue when I view it on my Chrome (Version 79.0.3945.88 (Official Build) (64-bit)), in both regular and incognito modes. Have you run your latest system and browser updates, to be on the safe side?

[osgood_]

There is no such thing as float: middle;???

.style-logo {
		float: middle;
	}

.col-middle { float: middle; padding: 0px 7px 14px; }

[Nancy OShea]

You have a hard SSL failure due to mixed content which could be causing problems.  A script with an insecure url of "http://use.edgefonts.net/lato:n1:default.js" was loaded on code line: 47.  You must change the URL to https (secure) or remove the script.

Check your other sites through Why No Padlock in case there are more mixed content issues.

https://www.whynopadlock.com/

After all mixed content blocking issues are removed,  validate your HTML & CSS and fix reported errors.

https://validator.w3.org/

https://jigsaw.w3.org/css-validator/