Responsive Websites

Responsive Websites use an approach of web design aimed at formatting sites for optimal viewing and ease of navigation across a wide range of devices, including traditional PCs, smartphones and tablet devices.

When working in Baylor responsive websites, some content should be handled differently than in a non-responsive website.

  1. Callout Boxes
    • Use the style "Plain CSS" when creating a callout box.
    • A specific style has been created for a website which will be displayed when the "Plain CSS" style is chosen.
    • The width of the callout box cannot be changed with the "Plain CSS" style.
  2. Images
    • If you would like rotating images on your site, ask you web consultant to set up a "message center". Do not use the "Rotating Crossfade" or the "Random Image" using the image gallery.
    • Do not use the photo gallery display option.
  3. Documents
    • You may add a collection of documents in a callout box by choosing the display type of "Callout Box" and then choose "Plain CSS" as the style.
  4. Tables
    • Tables are generally not responsive, so try to add your content without using a table.
    • If the content must be in a table, contact your consultant for assistance.
  5. Fonts and Heading Sizes
    • Font and heading sizes have been set specifically for a website in a stylesheet, so the font size or style should not be set in html on the page.
    • Your web consultant has set up a style guide page in your site so that it is easy to choose the right size and style. If a style guide page is not set up, please check with your web consultant.
  6. Forms
    • Forms that have been created for non-resposive sites will still work in a responsive site, but they may have a different look than they did before being moved into a responsive site.