How it works
When creating a new site, the option is front and center. Adobe redesigned the New Site dialog box giving you the option to create a fixed-width layout or a fluid width layout.

Adding breakpoints
Adding breakpoints in Muse is simple and intuitive. On the right-hand side you will see a scrubber that allows you to resize the width of the page, simulating a browser resizing.



Master pages
Master pages have their own breakpoints, which respond independently of the pages they are applied to. This gives you specific control over the master page content, typically a header and footer.
Formatting content at breakpoints
When you add a breakpoint, you can reflow the content any way you’d like. Often times you’ll take an approach where you stack content, or resize the content so it’s larger making it easier to view on smaller screens. It’s not uncommon to show less content. As the screen gets smaller the content should get more specific. In the example below, you’ll notice that I went from a three-column layout for the larger breakpoint to a two-column layout for a smaller breakpoint. The images and text become larger, making it easier to view on a smaller screen.

Migrating a site to responsive
If you’ve worked with Muse in the past, and have a fixed-width site, it is possible to migrate it to a responsive layout. What’s important is changing your site properties. To do this, select File>Site Properties to open the Site Properties dialog box. Here you can change the layout from Fixed Width to Fluid Width. Next you need to change attributes of the elements that you want to be fluid. You can do this by removing any previously established pins. You should then right-click on the object and select resize. This will give you various responsive options to select from.
Conclusion
There are few things that aren’t ready for “responsive primetime” in Muse. Scroll effects are not supported just yet. Which means if you need to use these types of effects, you’ll be stuck with an adaptive solution for the time being. Also, not all widgets are responsive either, though the folks at Adobe are working on it and I would expect both of these limitations removed with future updates. The new responsive feature set in Adobe Muse CC is a welcome addition to an already powerful visual web design tool. It offers designers the ability to create responsive content visually and in an environment that is intuitive and familiar.Matthew Pizzi
Matthew Pizzi is an Adobe Certified instructor with over 15 years of experience teaching Adobe applications. He has been a speaker at industry events like Adobe MAX and Social Media Week and has authored several books on Adobe’s products. Matthew’s training videos are featured regularly on Adobe.com which demonstrate new and important features of their Creative Cloud offerings. You can visit Train Simple to view his online courses.
Read Next
3 Essential Design Trends, December 2023
While we love the holidays, too much of a seasonal theme can get overwhelming. Thankfully, these design trends strike a…
10 Easy Ways to Make Money as a Web Designer
When you’re a web designer, the logical way to make money is designing websites; you can apply for a job at an agency,…
By Louise North
The 10 Most Hated Fonts of All Time
Remember when Comic Sans wasn’t the butt of the jokes? Long for the days when we actually enjoyed using the Impact…
15 Best New Fonts, November 2023
2023 is almost over, and the new fonts are still coming thick and fast. This month, we’ve found some awesome variable…
By Ben Moss
Old School Web Techniques Best Forgotten
When the web first entered the public consciousness back in the 90s, it was primarily text-based with minimal design…
By Simon Sterne
20 Best New Websites, November 2023
As the nights draw in for the Northern hemisphere, what better way to brighten your day than by soaking up some design…
30 Amazing Chrome Extensions for Designers and Developers
Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the…
By Robert Reeve
Exciting New Tools for Designers, November 2023
We’ve got a mix of handy image helpers, useful design assets, and clever productivity tools, amongst other treats. Some…
The Dangers of Doomscrolling for Designers and How to Break Free
As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…
By Louise North
From Image Adjustments to AI: Photoshop Through the Years
Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…
By Max Walton
3 Essential Design Trends, November 2023
In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three…
30 Obsolete Technologies that will Perplex Post-2000s Kids
Remember the screech of dial-up internet? Hold fond memories of arcade machines? In this list, we’re condensing down 30…