Page 1 of 1

Computer Default Viewport on Mobile

Posted: Tue Jan 16, 2024 6:57 pm
by MorningLight
Hi All!

I have a project which is perfectly shown in the Chrome on mobile, if and only if, the Chrome settings is "View as Computer" (Settings - To Computer).

Is there ANY way to make my website to appear always as if this settings was checked in the user's Android Chrome browser, I mean, the website's native viewport (1280) and resolution?

Just in time: I have here dozens of similar pages with each one with dozens of cards, layoutgrids, flexgrids and text. I'm trying to avoid to have specific settings for each of these components and - worse - to have to set the same settings in each component of these dozens of similar pages. Copy/Paste style does not help me.

I appreciate any help.

Re: Computer Default Viewport on Mobile

Posted: Tue Jan 16, 2024 9:54 pm
by alan_sh
You need to post a demo project so we can see what you have done. Somehow you don't have a 'responsive' web site.

So, make a small project with a few structures and post the .wbs file (not html) somewhere that we can pick up and try out.

Alan

Re: Computer Default Viewport on Mobile

Posted: Tue Jan 16, 2024 10:30 pm
by BaconFries
As alans reply to you. When sharing a copy of your project (.wbs) please ensure that all custom code (if any) is removed and all extensions are removed so that it can be opened
See the following:
viewtopic.php?t=82134

Re: Computer Default Viewport on Mobile

Posted: Wed Jan 17, 2024 1:58 am
by MorningLight
I thank you both for the help in my case, but I really have a responsive website.

All structures adapt themselves to any viewport size accordingly, including margin, padding and so forth - but the result is ugly due to a lot of things
  • Text with BOLD and LISTs
  • Some texts using STYLES (not THEME)
  • Cards with image and text that seems not respecting the minimum size (they stop to resize before the viewport size and seem larger than viewport)
So, I'm convinced I have to really create a 768 breakpoint to adapt all components to a 320-pixel vieport.

Kindest regards.

Re: Computer Default Viewport on Mobile

Posted: Wed Jan 17, 2024 7:14 am
by Pablo
Image

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

Re: Computer Default Viewport on Mobile

Posted: Wed Jan 17, 2024 10:21 am
by alan_sh
Have you got High DPI enabled?