UltimateWB
Do MORE, FASTER, EASIER, & BETTER!
Login    Register    Forgot Password?
Article Keywords
Titles
Content
Tags
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.


Configure Site, Advanced Styles, Ultimate Web Builder Software

 

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


Responsive App Link

 

3) Responsive App section: 

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


Responsive App

 

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.

Report article by:
Report a concern
Comments:
0.00 Rating0.00 Rating0.00 Rating0.00 Rating0.00 Rating0 Ratings
Please use the form below to post your comment/rating!
Name:
Email (not posted):
Website:
Rating:
1 star out of 52 stars out of 53 stars out of 54 stars out of 55 stars out of 5
Subject:
Comment:
Enter Code:
*case sensitive
Subscribe to new comments
Comments/Ratings (0)
Sort By
No Comments, be the first to comment!
Report comment by:
Report a concern
Comments: