Computer Default Viewport on Mobile

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
MorningLight
 
 
Posts: 130
Joined: Tue Jul 04, 2017 12:15 pm

Computer Default Viewport on Mobile

Post 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.
alan_sh
 
 
Posts: 1752
Joined: Tue Jan 01, 2019 5:50 pm

Re: Computer Default Viewport on Mobile

Post 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
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Re: Computer Default Viewport on Mobile

Post 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
User avatar
MorningLight
 
 
Posts: 130
Joined: Tue Jul 04, 2017 12:15 pm

Re: Computer Default Viewport on Mobile

Post 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.
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Computer Default Viewport on Mobile

Post by Pablo »

Image

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134
alan_sh
 
 
Posts: 1752
Joined: Tue Jan 01, 2019 5:50 pm

Re: Computer Default Viewport on Mobile

Post by alan_sh »

Have you got High DPI enabled?
Post Reply