I’m finding it very difficult to do a mobile device layout taken from a desktop layout. I want to hide quite a lot of the design on the mobile device, and yes I know that you can select or unselect ‘show on this device’ in the placement menu. What makes it so difficult is if I choose to not show on this device layout is very hard to do because although the the preview does in fact hide the parts of the layout when previewing for that particular device, those parts still show on the Sparkle Canvas. I really think it should be hidden from the Sparkle canvas for that particular device. I find it pretty impossible to work with tbh.
You can hide those elements on the Sparkle canvas as well.
Use this button on the upper left side to toggle the view:
Or you can use the menu “View” as well, to toggle hidden elements:
OMG @Shadowfax … thank you so much for that information. You just saved my sanity!
I was about to give up on trying to create a mobile device version, but with that information I can indeed do it with no issues.
You’re welcome, Scott.
Wish you a good time creating the mobile version!
@Shadowfax Yeah, thanks! It’s going to be a lot of work!! haha
I just make one site for all, no special mobile site. The amount of extra work…!! Also, I never like to be served a mobile site when I’m browsing on the phone myself, so I don’t want to put this on others either.
@Sven I’m with you totally, and I don’t enjoy mobile sites at all. I just don’t know how much google will drop your ranking score if it’s only for desktop though. It would be nice to know!
Well, search for Tramfabriek and you know… I’m number 1! Even on the phone. (Hm, don’t like the random page image Google search results presents to me from my webpage. Have to figure out how to change that).
Come on guys @rimram and @Sven you can’t be serious with that statement! If you do the research you will see that mobile users are now 55-65% (90% plus for local searches) of all total search results and that number is only increasing! And Google red flags your site and demotes it if you don’t have a mobile version to serve up to users who are in need of it. This is also stated in their policy.
@Sven, when done correctly anyone who puts in their website’s business name will come as top dog, but what you should be concerned about is how are your clients finding your website when they don’t know your business name or that your business exists.
I have several clients and the majority of their traffic and sales come via a mobile device.
@greenskin Yes thank you, It’s good to know how important having a mobile version of a site actually is I’m going to make a mobile version, but I think I need to study and look at some mobile sites that have been done really well. I’ll have to do a google search and find some.
I agree with greenskin. Having a mobile version of a site is necessary today. When a smartphone does not build your website within 3 seconds and the site is not mobile, the visitor is gone.
You should definitely try to make a mobile version of your site in Sparkle. It’s really worth it.
Suggestion: if you want to make your existing site mobile, make a copy of your project. Open the copy and create the 320px device and try to make it mobile.
I have designed each element at a time first in desktop then in mobile this seems to work best for me. I would first design my layout either on paper or in sparkle and just make another page until it looks like I want it to take a bit longer but not so much.
@Izhane That is certainly also a good way to create your mobile site. When this way is best for you, go for it.