HotDoodle Logo
Steps to Transfer to Mobile Responsive

This work in progress describes the steps needed.


Copy your sidebar content

The sidebars will go away.    Before they do, copy the content you need from them to somewhere else in the site.

 
Save the Custom Theme

If you have a custom theme, save its tpl definition for later reference.  Save in a file on your computer.

 
Change to a responsive layout

In appearance, set the layout to one of the Resp_ ones.  You may need to set the filter settings on the layouts.

 
Change to a responsive theme

In appearance, set the theme to one of the responsive ones. You may need to scroll down and click "See responsive Themes"
Warning: It will look terrible until the next step. 

 
Change to HTML5

Use Administration/Configure Site/Site Preferences.    Scroll to the bottom and set HTML version to HTML5.

 
Unset any custom widths, backgrounds

In appearance/backgrounds, "Reset to Default" anything that may have been set.  Remember the settings in case you want to explore readding them after all else is working.

 
Adjust the menus

Find the menus such as in the header and footer, make sure they work. Configure them if needed.

 
Fine Tune Layout

Consider using Fine Tune Layour to adjust what is shown in the header or footer.

 
Regenerate Thumbnails

From the advanced admin screen regenerate thumbnails.   Now that the site is in HTML5 these may differ.

 
Find old picture albums and convert

Find older picture albums.   Insert a new one.   Use add pictures and in the dialog you can import from the prior block.

 
Adjust Youtube videos

TBD


© 2006 - 2015 Metabyte, Inc., All Rights Reserved, Patents Pending

http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Business Website Designers for Business Sites You Edit Site Map