Responsive & Mobile

Introduction

By default when your site is viewed on a mobile device such as a tablet or phone then a “responsive” version of your site will load instead.

The “Responsive & Mobile” tab holds options which are all about configuring your responsiveness and mobile settings.

responsive-mobile-introduction

 

Responsive layout options

This first section allows you to choose which devices if any you want your site to display a responsive version on.

The options are as follows:

responsive-mobile-layout

 

Make my Site Responsive on all Devices

This option will display a responsive version of your site on all devices & browsers.

Make my Site Responsive for Mobile Devices

This is the default setting and choosing it will display a responsive version of your site only on mobile devices.

Don’t Make my Site Responsive

Choose this option to disable our responsive/mobile features entirely. This is a good option if you are using a plugin such as wptouch for example.

 

Mobile device slider options

This section allows you to choose what to display in the slider area of your website on mobile devices. The options are as follows:

Convert my Default Slider to Responsive

If you do not have the responsive slider selected by default, this option will convert your default slider into a responsive one when viewed on mobile devices.

Load Custom Defined Content

This option will allow you to specify custom content to display in place on your slider on mobile devices.

Disable Slider for Mobile Devices

This option will disable the slider entirely on mobile devices.

responsive-mobile-slider

 

responsive-mobile-slidercontent

 

Disable shortcodes for mobile device

For further speed optimization on mobile devices you can optionally disable certain shortcodes/scripts when viewed on mobile devices only.

If you do choose to disable these scripts you can use our “mobile_only” shortcode to display alternate content for your mobile visitors.

responsive-mobile-disableshortcodes

 

Mobile custom CSS

Use this box to add css that you would like displayed on mobile devices only.

responsive-mobile-customcss

 

Custom mobile user agents

Use this box to add additional comma separated custom mobile user agents.

responsive-mobile-customuseragents