December 20, 2012 — By Dale Mugford

WPtouch Pro Tips Central: gmmcal.com.br

gmmcal logo

Our “Tips Central” blog series spotlights WPtouch Pro-powered sites built and maintained by designers, developers and site owners like you. Read about other designers, developers, and site owners’ experiences with WPtouch Pro and get ideas for your own projects. Our experts also provide their recommendations for additional site enhancements using WPtouch Pro.

Site URL: gmmcal.com.br
Site Owner Gustavo Cunha
License Type: Developers’ License
Twitter: @gmmcal

tips-central-gmmcal-mobile-ipad-themes

How long have you been using WPtouch Pro?
Since July 2012, but I’ve used the free version of WPtouch for over two years on my blog and on some clients’ sites.

Why did you choose WPtouch Pro to power your mobile site?
Because it is easy to setup — almost effortless. It works on all major tablets and phones and my clients are satisfied.

What do you like most about using WPtouch Pro?
The easy setup and the default theme (which includes some powerful icons) allows my developers and clients fast results.

What improvements would you like to see included in future WPtouch Pro updates?
It would be nice to have some other themes with great animations and gestures support.

OUR TIPS CENTRAL SUGGESTIONS FOR gmmcal.com.br

Note: Links to support documentation are available exclusively to current WPtouch Pro customers who are logged into bravenewcode.com.

1. Scale the contact form.
The form on the contact page uses fixed dimensions for its fields. Fixed dimensions, by definition, override any scaling offered by iOS or WPtouch. To remedy this for mobile devices, custom CSS may be added to the mobile theme to allow those fields to scale.
Support Documentation: Applying Custom CSS

tips-central-gmmcal-apply-custom-css-to-contact-form

Scale the contact form

2. Add startup images and a custom home screen icon.
With iOS Web-App Mode enabled in the mobile theme, options are available to add a custom home screen icon and startup images for a variety of screen sizes. Adding a custom icon and images are another way to polish your online presentation.
Support Documentation: iOS Web-App Mode

tips-central-gmmcal-startup-screens

Enable Web-App Mode Startup Screens

3. Add social media network links.
The site’s links to Twitter, Facebook, and Orkut may be added as additional links in the mobile menu. This will allow visitors to easily access those networks sitewide. Adding links can either be handled via Menu + Icons > Custom Menu Items or through a custom WordPress Menu.
Support Documentation: Using a Custom WordPress Menu

tips-central-gmmcal-social-media-menus

Add social media network links

4. Bring desktop theme styling to the mobile theme.
With the nearly unlimited styling options available through the WPtouch Pro admin panels and through its child theme functionality, bringing as much or as little of the desktop theme’s styling to the mobile theme is easy. For example, the blue of the background image can be used as the mobile theme background by adding its hex value to Active Theme > Style/Appearance > Background then setting the background tile to “none”.

If more in-depth styling control is desired, custom CSS may be added to an active WPtouch Pro child theme.
Support Documentation: Applying Custom CSS

tips-central-gmmcal-style-matcing

Theme style-matching


Are you interested in having your WPtouch Pro-powered site featured in our “Tips Central” series? Please drop us a note through our contact form to inquire.

Added To Cart

Item added to cart successfully. You can either continue browsing and add more themes or extensions, or checkout now.

View Cart Checkout