transforming a muse mobile file to responsive with more breakpoints

[#1]

Hello, have a muse file that only is the mobile layout (set to the alternate layouts, of course still fixed) this have no desktop and no tablett alternate layouts.

So i have to change it to a responsive muse file ... Question :

Can i just transform this mobile layout, to fluid and creating bigger breakpoints ??? (that will be great because everything is integrated and linked in this mobile file) ... or must i create a new file, starting from desktop and putting smaller breakpoints ??

Seams to be a strange question, but im asking me about SEO wenn i design everything starting direct from this mobile Muse layout ...

Thanks if you have some advices !

PK

[#2 · Accepted solution]

no you can not auto-transform a desktop responive site from a alt-fixed design

remaking the site from a new desktop design is an option yes but its a lot of work

SEO has little to do with it... you don't get more points for a responive site than for a site with alt layouts but you do get points for a well designed site that works on different devices and you get marked down when your design does not work well on some devices

[#3]

thanks for this answer,

of course i can not auto-transform, this is clear, the question is only if its ok to ad larger breakpoints from this mobile old muse file (converted wenn opening with newest Muse version), ... so i will have just to readjust some elements, but they all already there ;–)

SEO comment is usefull, thanks...

pk

[#4]

Yes of course this is possible. It is quite unconventional but some people out there talk about mobile first .

In your case you have to be aware that 320 (maybe by default your phone version is set to 380) should not be a breakpoint but the minimum width.

So I recommend to start as easy as possible and take care at first that your phone-page is set to center instead of left aligned:

and elements are pinned to container like this:

This should be the same to pages and master, of course.

All elements are centered to the container like this, (not strictly necessary but helpful at the beginning)

Then you "open" your page with the scrubber and add a breakpoint at, to say something 768 or 960 as a classical breakpoint for tablet or desktop. It could look like this (I added a fluid width breakpoint at 768 and 1280, 1280 is not really a breakpoint but the breakpoint width) :

As long as you don`t have set some alternative layouts and it looks like this:

Means: you only use one layout it should pretty much do the job.

Best Regards,

Uwe

[#5]

Vielen Dank Uwe, es hilft mich sehr, bin immer noch am überlegen ob ich alles neu starten sollte, aber deine Rat scheint mir wirklich die Lösung zu sein... auch für Zeit sparen...

Thanks a lot, i will come back in a more avanced point with that project,

PK

[#6]

You DO get points for a faster loading site so sometimes adaptive sites can be faster with out all the break points, code etc. the irony is Google decided they like responsive over adaptive...so just make the pages as light as possible whatever you use. There are many adaptive sites still out there and being designed. One plus is generally you don’t need as many pages in an adaptive mobile site and it can have content specially created for it.

Responsive Web Design Basics  |  Web Fundamentals  |  Google Developers

designstrategies.com uses Muse using only adaptive quite effectively.

[#7]

Thanks a lot ... very interesting and helfull informations !!!

PK