Make Existing Site Mobile Responsive

No rows found

Project Description

The Lake Champion Maritime Museum needed their existing desktop website to be mobile responsive.

What We Did

With so many pages and limited budget, we targeted layouts that were the most common and high impact. The home page, and 2 other layouts used on the most pages in the site.

We separated each page into 2 to 3 “columns” and based on the size of the screen, we used CSS media queries so the site would resize as the screen got smaller, or was visited by devices with smaller screens (tablets, mobile phones, etc)

Result

Without changing the existing design, content, and minimal changes to the HTML, we made the site dynamically shift the layout so all content is always readable on screen.