question Re: In desktop, Instance is showing in Mobile View by default in HRSD forum

In desktop, Instance is showing in Mobile View by default

saurabhshinde — Thu, 28 Mar 2024 11:11:39 GMT

Instance is showing in Mobile View by default even though I'm using desktop/laptop. For all users whom are using this instance it is showing like that. How to change the view to Desktop-view again?

I tried adding ?sysparm_device=desktop in url and it is changing to desktop view but when I open something from Nav Bar then it is opening in mobile view. Also portals are showing in Mobile view.

Can someone please provide a solution for this?

Thanks!

Re: In desktop, Instance is showing in Mobile View by default

Mark Manders — Thu, 28 Mar 2024 12:17:21 GMT

Click on your profile avatar and then on the 'switch to desktop' link.

Re: In desktop, Instance is showing in Mobile View by default

mr18 — Sat, 27 Apr 2024 13:26:21 GMT

Did you manage to resolve the issue?

I am also facing same issue

Re: In desktop, Instance is showing in Mobile View by default

Hampus1 — Fri, 03 May 2024 11:48:33 GMT

Hi, we have the same issue in our Employee Center Portal.

What we've figured out is that this started happening for our stakeholders when the "Tour" button was added. The root issue seems to be that the top-header bar (where the search bar and profile is shown) is too cramped. Our stakeholders are using laptops with a 1920x1080 screen that gets scaled to 150% in Windows automatically which in turn switches employee center to mobile view.

I haven't figured out a way to solve it though, anyone have any thoughts? Was thinking that maybe we can shrink the title in the top left or reduce the width of the search bar. Or are we able to change the limits for when the instance wants to switch to mobile view?

Re: In desktop, Instance is showing in Mobile View by default

Harsha Pappala — Fri, 05 Jul 2024 08:01:07 GMT

@Hampus1

We are also stuck at this point, did you get around this issue ?>

Re: In desktop, Instance is showing in Mobile View by default

Hampus1 — Fri, 12 Jul 2024 12:34:02 GMT

We talked with ServiceNow support and they told us that they couldn't help us since it would mean that we would have to customize our instance. We haven't decided which way to go yet but I think our best options are to either remove some buttons from the header (or combine them) such as the "my activities, tasks, favorites" OR to try and make the search bar in the header shorter.

I'll update this thread if we come to any conclusion that solves the issue.

Re: In desktop, Instance is showing in Mobile View by default

Harsha Pappala — Fri, 12 Jul 2024 13:24:15 GMT

@Hampus1 ,

If you are fine with customizing your header (Employee Center Header) for the employee center, clone and change the code in the link part of the header widget

condition for font size currentFontSize, as shown in bold code

This will fix the issue

var currentFontSize = parseInt($('body').css('font-size'));

var constantOffset = 50;

var flexOffsetWidth = constantOffset * (currentFontSize / 16);

if(currentFontSize < 30) { //changed from 16 to 30 to handle mobile menu

scope.$apply(function() {

scope.mobileDevice = controller.data.isMobile || (window.innerWidth <= controller.MOBILE_DEVICE_SCREEN_WIDTH);

});

return;

}

Revert incase of any other queries 🙂

If you find this helpful, mark as helpful.

Re: In desktop, Instance is showing in Mobile View by default

NicolasQ — Tue, 29 Oct 2024 10:44:39 GMT

Hi ! To canceled showing Mobile View > Click on your profile avatar >Go to > Accessibility > switch OFF "Enable accessibility in classic".

Re: In desktop, Instance is showing in Mobile View by default

Harsha Pappala — Mon, 04 Nov 2024 11:41:35 GMT

Check out my response

Re: In desktop, Instance is showing in Mobile View by default

maxstnr — Tue, 20 May 2025 19:26:02 GMT

Thank you for posting this! This issue has been plaguing our instance for a long time, this adjustment to link code worked