Creating Mobile Pages and a Mobile Menu


The Steps below require SmallBiz Theme Version 3.7.4

 

Step 1) Activating the Mobile Layout

1) Log into WordPress
2) Click on “Appearance” -> “SmallBiz Options”
3) Expand the “Mobile Device Page Settings”
4) Activate the Mobile Layout

The SmallBiz Theme will generate the following layout depending on if you uploaded a mobile header:

mobile

 

Step 2) Creating Mobile Pages

1) Log into WordPress
2) Click on “Pages” -> “Add New”
3) Enter your content
4) Select the “Additional Mobile Page” Template from the drop-down on the right.
5) Publish
6) Repeat steps 2-5 for as many pages as you want.

mobile page template smallbiz

 

Step 3) Creating a Menu for Mobile

1) Log into WordPress
2) Click on “Appearance” -> “Menus”
3) Click the “+” icon and name your new menu
4) Add your pages created with the mobile page template exclude all regular pages
5) Select the menu name from the “Mobile Device” drop down under “Theme Locations” right side of screen.
(This last step gets often forgotten)

mobile menu smallbiz theme

 

mobile menu wordpress smallbiz

 

Step 4) Creating your Desktop Site Menu

Note: This step is necessary to prevent the mobile pages from showing in your desktop site menu

1) Log into WordPress
2) Click on “Appearance” -> “Menus”
3) Click the “+” icon and name your new menu
4) Add your pages from your desktop site – exclude all mobile pages
5) Select the menu name from the “Primary Smallbiz Menu” drop down under “Theme Locations” right side of screen.
(This last step gets often forgotten)

desktop menu smallbiz