How to create your own responsive website without any coding!

Whether you are just starting to create your website or already have built your website with Ultimate Web Builder, you can switch to Responsive Web Design (RWD) with one click of a button.  Just turn the Responsive App ON.  We already have preset it with suggested window values for the reformatting.  You can customize it the way you want.  No coding required!  The software does all of the “CSS media queries” for you.

1) Go to Styles Admin Panel.  Configure Site > Styles Manager to go to your default Stylesheet, or choose your Stylesheet from the Styles Manger > List Stylesheets page.

2) Scroll down to the Responsive App section, or just click on the "Responsive" link at the top here to jump there.

3) Responsive App section: 

You can turn the Responsive Web Design App On/Off at the top here, by selecting Responsive Yes/No, repectively.

Then, you can choose various window sizes for each webpage reformatting  change.  

• Choose window width to automatically change set widths to auto widths, expand section widths to 100%, and turn the menu bar/column into a menu button
• Choose at which window width the top/footer non-scrolling rows, if applicable, merge with the rest of the page (i.e. scroll)
• Automatically Increase page font size at certain window widths - you set the window size/font size percentage increase

We have provided configuration suggestions for each setting, and you can tweak it how you want!

Like all the other UltimateWB apps, customization and flexibility is key; you can even customize your website menu button that appears instead of the menu bar/column, for smaller window sizes based on your setting.

The best part of this is that you have one website – one website to update and maintain – which can be viewed different on desktops/latops, tablets, and smartphones. A different format for a different device and window width, same content and design/branding.