publish for either mobile or desktop

hello,
I have just purchased SiteSpinner Pro 2 (2,92 to be exact) with the specific goal of publishing a simple project (static, few pages, no frills ) for both desktop AND smartphones. The interface is almost perfect, it seems the ideal tool, but... What I See Is NOT What I Get. No matter what I put in my mobile view I keep on seeing in mobile devices the same layout I get on desktops. The only way I found to see something "mobile friendly" is to choose a Mobile Only layout and so build a Mobile only site. Or, use only mobile-sized objects to be used in both layouts.
Probably I am doing something wrong, as the preview on SiteSpinner promises what I'd like to get.
Documentation is poor on this topic: search on this forum on "mobile" keyword yields "no result found", neither does on the "Site Spinner Pro V2 Help " in PDF.
Thank you for helping
Riccardo
Original Post
Hello Crispy,
What you find in
http://telegramroad.com

is a very simple index.html welcome page, for desktop and mobile layouts.
What I get in either case is the desktop layout.
On the URL
http://telegramroad.com/TelegramRoad3.ims
you can download the project (quite a simple one, indeed).
Could you restore some of the threads on topic? I do need them.
Thank you
Riccardo

quote:
Originally posted by crispy68:
Can you provide a link to your site so I can see what you've done.

Unfortunately there used to be a lot of threads on here about the subject but they've been deleted for some reason.
Your project file is using a mobile width of 240px. This screen width is used only in the very early mobile devices which were in use when SS-Pro was developed. Newer mobile devices often have a screen width of 375px or more.

If I change your mobile screen width to use the Custom setting and enter a width of 425, your mobile page renders correctly.

You may also want to alter your viewport tab to:
quote:
width=device-width,initial-scale=1

To simplify browser testing, I use Firefox and with the page displayed, press the SHIFT+CTRL+M key combo to open the mobile browser view.
quote:
width=device-width,initial-scale=1

Hello larryd ,
thank you for your suggestion. I have put it in place, and the site http://telegramroad.com now shows the effects. I still have to fully understand the logic SiteSpinner is based on as regards mobile rendering. The yield on my smartphone (and others) is still far from perfect. I will work on it. I have tried different widths.

BTW, should I use :
width=device-width,initial-scale=1
or:
width=425,initial-scale=1

Cannot see differences...
Thank you again
In simple terms (and from my limited understanding), when you use
quote:
width=425
you are telling the browser that the page is expecting to be fitted to a width of 425 pixels. When you use
quote:
width=device-width
you are letting the browser fit the page to the width of the device, which can vary for each mobile device.

Google recommends the first method (using device-width) in order to determine if your web page is "mobile friendly" or not.

Add Reply

Likes (0)
×
×
×
×