Localbiz Site Builder Support Forum - Creating Custom Mobile Pages

Styled or Default Responsive Menus

Tue, 10 Jan 2017 10:44:21 +0000

There are 2 responsive menu types that can be used for mobile responsive mode.

These 2 styles are: "Modern dropdown" and "Native selectbox" which are found in the "Menu Buttons" tab of the Control Panel.

These can only be seen in responsive mode or mobile devices.

Some mobiles (such as Samsung Galaxy) have an excellent default html menu mode which looks and works great. In which case the "Native selectbox" option works great. But on some other devices, the default html menu looks a bit drab or awkward and so in those instances its better to use the pre-styled "Modern dropdown" option.

Displaying Phone Numbers As "Tap To Call" in Mobiles

Wed, 13 Aug 2014 14:25:19 +0000

The action of phone numbers being detected by the various mobile browsers depends a lot from one user agent to another (ie., iPhone, Android, Windows, Blackberry etc). This is not something that is theme dependent but universal to all web pages and all themes and platforms.

That said, there is a simple solution I can give you here that works with Localbiz Site Builder.

To create a custom mobile button using the LBSB button generator (mobile or general) then when it comes to inserting the URL for the button you don't use "http://anywebaddress.com" you use; "tel:1800-555-1234" (or whatever the phone number is)

Also,... when wanting any number on your site to work as a click to call you should use the code: "1800-555-1234" That is what is used in the footer phone number on the demo site at http://localbizLBSB.com/LBSB-demo/

Notice on that demo home page (right featured panel) also that the flashing white phone number is in white text but is coded as a link which would normally be blue or whatever the theme link color is, but in this case I have included a code style snippet to make the link white with no underlining. Here's that code:

Code:

1800-555-1234

Here's some further reading on this topic:
http://code.tutsplus.com/tutorials/mobil...obile-7667

http://allwebco-templates.com/support/S_...e-link.htm

The LBSB Assign Mobile Page Function

Wed, 13 Aug 2014 10:25:40 +0000

Within the LBSB Control Panel in the "General" tab at the bottom of the page you'll see check box that says "Enable mobile landing page" and under that there is an entry field where you can enter a URL.

The purpose of this function is to allow you to nominate a specific page on your site that will be seen on the first visit by mobile devices.

If you don't activate this function then the mobile site visitor will simply see the default home page for your site. Now given that LBSB is fully responsive that may be all you wish to do, - show the site's default home page.

However, if you wanted to set up a specific page using the button generator which could then display a list of several pages you wanted mobile visitors to see then you could use the " Enable mobile landing page" function to do that. For example, you could set up a page and have several buttons with titles such as "Latest Offers", "Tap To Call", "Send SMS", "Coupons", "Site Map" or whatever you chose.
How the function works: What happens is that when a mobile device calls the site URL then the special mobile page is shown to the mobile viewer upon first landing. Then once the user moves away from that page and later clicks on the "Home" link they'll see the default home page. So to be clear; the nominated mobile page is only see ONCE by the mobile site visitor. If you wanted that page to be accessible later then you'd need also to link it in the normal menu or via a banner or link.

Other ways that you could use this "Enable mobile landing page" could be
1) to create a graphic landing page with an optin form (you could get quite creative with that using the WP page editor to create a nice page with optin that will automatically be reduced down to ideal mobile size via the responsive styling of the LBSB theme).
2) Set up a short video for your mobile users to see with some offer or just a simple site welcome.
The potential of the "Enable mobile landing page" is really only restricted by your imagination.

If you have questions or anything to offer on this topic please be encouraged to join the discussion where we can explore further ideas about it.