Edge showing mobile section instead of desktop when made full screen

Support
#1

I’ve got a weird one, on the link below, Microsoft Edge is refusing to show the desktop version of two rows -and reverts to the mobile view when Edge is put into full screen.

I have two copies of each section - two columns for desktop, and a mobile version with one column.

When viewing normally on the latest version of Edge it’s fine, and it’s fine on all browsers (even IE - the shock!).

The problem only happens when you make edge full screen, and these sections switch to the single column mobile section.

I’ve checked all options for columns, as well as marking as hidden for each section on the specific devices. I’ve tried with Flex on and off for each column and I just can’t seem to find anyway to fix it.

Any help would be hugely appreciated as this is driving me mad!

#2

Actually it seems to be an issue on non full screen versions of edge as well - on blocks that don’t use the global container in X.

I’ve bodged it by using a global container now as we need to go live today - but really need to get to the bottom of what the issue is for future reference.

#3

Hi Mark,

Thanks for reaching out.

It doesn’t seems to be displaying a mobile view on my Edge browser, I compared it on chrome (full-screen or not) and it stay the same (with proper columns). Would you mind providing a screenshot as well?

Thanks!

#4

Hi Rad, thanks for coming back to me.

After looking into it, it’s not actually the ‘mobile’ section it’s displaying (it just looked the same as it!), but it’s the correct desktop section, but it’s pushing the row into a single column instead of 2 which it’s set to, and also pushing it way out of it’s bounding box so it overlays the above section.

I’ve attached a few images below which show how it looks on all browsers except for Edge, and then what’s happening in Edge.

Summary

#5

Hey Mark,

In your screenshot, you’re not actually in fullscreen mode. You maybe are zoomed in. I can only replicate this issue at 190 zoom level. Please check Edge’s documentation to learn how to set this in case you’re not aware.

If you’re not zoomed in, please give us the following information.

  • Operating System Name and Version
  • Edge Browser Version
  • Screen size or viewport width. If you’re not sure what that is, go to https://www.mydevice.io/ and see the info.

Thanks.

#6

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