Friday, March 29th, 2024
  • Facebook: OlesmanDevelopment
  • Linked In: pub/mike-oles/51/751/8b9
  • Twitter: OlesmanDev
  • Lynchburg RMA: Lynchburg RMA
  • Buy Local Lynchburg: Buy Local Lynchburg
Olesman.Development

Olesman Development

Mike developed the Olesman Development site as a responsive layout.

There are basically 3 different layouts using the same code files.

One layout is the full size and will display if your browser resolution is at least 1076 pixels wide. The "full" layout is a 3 column layout with the menu displayed on the left, content in the middle and a column on the right that displays in-house banners.

The second layout is what displays if your browser resolution is 836 - 1075 pixels wide. The "middle" layout is a 2 column layout with the menu on the left and the content area. The right column is no longer displayed.

The final layout is for anyone who's browser resolution is less than 836 pixels wide. The "mobile" layout is a single column layout. The menu column is moved to display below the content area and the 3rd column is once again no longer seen. Also, the phone column at the top is dropped below the Olesman Development line.

You can see the layouts response to your browser resolution if you change the width of the window your browser is displayed in. (Click the RESTORE DOWN squares in the upper right of your browser if you are displaying the browser in the MAXIMIZE position. Then you can drag the right side left and right to change the browser width.)

The Olesman Development site is using the Web Development Tracker extension Mike is developing.

Mobile View - Medium View - Full View

Software

  • Joomla
  • Simple Image Gallery Pro
  • Stalker
  • Akeeba Backup
  • Akeeba Release System
  • Web Development Tracker