Mobile Phone Setting Issue - Display Zoom

Support
#1

Hi there, I am experiencing a problem with mobile phone ‘display zoom’ settings on an iphone. I have a buttn in my navbar, which appears properly on mobile phones, except for when the phone has their display zoom settings enabled to make the fonts larger. Is there any way to fix this? Attached screenshots of regular phone settings, and next one is with display zoom enabled.

#2

Hello @Stigan,

Thanks for writing in!

Are you referring to the button on top of your navbar when the screen becomes smaller or screen being zoomed? To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 480px){
  .x-topbar {
    height: auto;
    min-height: 80px;
  }
}

Please let us know how it goes.

#3

Hello No we are referring to this mode on the iPhone

#4

Hi Adwin,

The theme has this line that should disable scaling and zooming

<meta name="viewport" content="width=device-width, initial-scale=1.0">

And that’s to prevent rendering issue.

But given that they added and implemented another standard that ignores and contradicts browser’s standard or rule, then maybe we’ll have to check this too. But unfortunately, there is no workaround at this moment. I’ll add this to our issue tracker.

Thanks!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.