Archived topic

Distorted logo when navigating on mobile browser

3 replies · Started by Jameson on September 7, 2020

Viewing posts 1–4 of 4

September 7, 2020 at 4:51 pm #1434547

Hi There,

I have my logo to the left of, but contained within my primary site navigation. I also leverage sticky navigation. I only seem to have this issue when browsing my site via mobile (using safari on an iPhone 8). As I click through various links in my navigation and land on new pages, my logo appears to be distorted; however, when I flip my phone from browsing in portrait mode to landscape mode, the logo distortion resolves itself, even when flipped back to portrait.

Any help or guidance on resolving this issue would be greatly appreciated.

Thanks!

September 7, 2020 at 4:53 pm #1434549

Hi there,

Is there a specific page where the issue can be seen?

I used the Chrome mobile simulator and not seeing the issue.

Let me know :)

September 7, 2020 at 5:13 pm #1434558

Hi Leo,

I see it on every new page I land on within my site. It only seems to be noticeable while in portrait mode. As soon as I change to landscape the text under my logo is much easier to read, even when then resorting back to portrait mode.

However, as soon as I navigate to and land on another page within my site, I see the same distortion :/ It is a subtle distortion, most easily noticed on the slogan text within the logo.

Hope that helps.

September 7, 2020 at 7:50 pm #1434636

I'm having a hard time replicating the issue.

Can we try some debugging steps first?

Does the same issue happen if you disable all plugins except GP Premium?

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.