Safari always showing the responsive mobile version of a page

[amardeepmisha]

Hi,

I am running into a strange error. The page at the link I have provided in the secure note is always showing in the mobile responsive version on Safari. It works correctly on Chrome. Any suggestions on why this is happening?

Thanks.

[friech]

Hi Misha,

Thank you for writing in, please clear all the site caches (plugin, server-side, CDN, and browser’s cache) so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If that did not work. please test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes,
Cheers!

[amardeepmisha]

@friech, thanks for your reply. I have tried what you recommended but I am not able to fix this error. It is quite a serious problem and I am at a loss right now.

I am providing our login information in the secure note and will appreciate if you can help with this bug.

[paul.r]

Hi,

It’s because of this code in Theme Options > CSS

/* Center images vertically in a row */
.vertically-center-row {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

Try to change flex-wrap: wrap; with this flex-wrap: nowrap;

Hope that helps

[amardeepmisha]

Thanks! That fixed it. Appreciate the help.

[rad]

You’re most welcome!