drewns

I’m using the following code in the Additional CSS section now, and everything works correctly up to 960px page width. I can’t figure out how to make it work correctly above 960px.

@media only screen and (max-width: 599px) {
.woocommerce-js .header__extras, .woocommerce-js .header__nav-toggle {
    flex: 0 0 0;
}
}

@media only screen and (max-width: 781px) {
.woocommerce-js .header__extras, .woocommerce-js .header__nav-toggle {
    flex: 0 0 0;
}
}

@media only screen and (max-width: 960px) {
.woocommerce-js .header__extras, .woocommerce-js .header__nav-toggle {
    flex: 0 0 0;
}
}

Getting better! That looks like it takes care of things on mobile screens, but the logo is still shifted left on desktop. I tried removing the “@media only screen and (max-width: 599px) {}” portion, but it did not appear to correct the desktop version.

Any other ideas? Site is whiskandshell.com. I’m using the header option that has search on the left, logo centered, and nav below logo (third option). If you inspect the header in Chrome you can see that the search icon seems to be shifted left, which drags everything else along with it. It’s easiest to see with a narrow window.

I used the Health Check plugin and troubleshooting mode, enabling only the Go theme as you suggested, and the issue remains.

Yes. I also pulled up the site in a couple of browsers I don’t normally use (Firefox and Edge), cleared cache, and opened the site. Same result. The only thing I can think of is maybe I’m using a plugin that does site caching that I’m not aware of? I use the free version of JetPack, but it looks like the “performance” features don’t unluck unless I’m subscribed. Is it possible host site caching could be causing this? Maybe I just need to wait awhile?

I just updated to 1.5.1 today and am still experiencing this issue. I have tried several browsers (with no cache). The header appears to be shifted left in both the desktop and mobile versions. I am not using any WP caching plugins that I’m aware of. Any ideas?