{"id":44600,"date":"2018-08-27T11:44:37","date_gmt":"2018-08-27T11:44:37","guid":{"rendered":"https:\/\/www.sogolytics.com\/help\/?page_id=44600"},"modified":"2022-08-11T06:09:19","modified_gmt":"2022-08-11T06:09:19","slug":"how-to-use-mobile-display-themes","status":"publish","type":"page","link":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/","title":{"rendered":"Mobile Display Themes"},"content":{"rendered":"

In addition to the template designs customized for web, Sogolytics allows you to choose Color Schemes optimized for mobile display. You may choose to link your mobile display to your web display, or separate the styles completely. If you de-link the two, the color scheme you set for mobile will have no impact on displays on computers or tablets.
\n <\/p>\n

To choose a separate style for mobile display, follow the steps listed below:<\/p>\n

    \n
  1. While editing a project, click on Visual Settings in the Design menu bar.<\/li>\n
  2. Use the toggle shown at the bottom of left panel to disable \u2018Auto Theme All Devices\u2019.<\/li>\n
  3. Click on \u2018Got it, Unlink Now\u2019, to unlink your mobile display settings from desktop settings.<\/li>\n
  4. Click on the Mobile tab at the top of the same column, then click Themes to change the style for mobile participation.<\/li>\n
  5. Navigate to Text and Colors to customize these elements as needed. A sample survey that reflects your choices will be shown in the right panel. Review your own project by clicking the Preview (eye) icon.<\/li>\n
  6. Click Apply at the bottom of the screen to save your settings.<\/li>\n<\/ol>\n
    <\/i><\/p>\n

    To improve the mobile experience for participants, avoid using Matrix Grid and Rating Scale questions.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    In addition to the template designs customized for web, Sogolytics allows you to choose Color Schemes optimized for mobile display. You may choose to link your mobile display to your web display, or separate the styles completely. If you de-link the two, the color scheme you set for mobile will have no impact on displays on computers or tablets. To choose a separate style for mobile display, follow the steps listed below: While editing a project, click on Visual Settings in the Design menu bar. Use the toggle shown at the bottom of left panel to disable \u2018Auto Theme All Devices\u2019. Click on \u2018Got it, Unlink Now\u2019, to unlink your mobile display settings from desktop settings. Click on the Mobile tab at the top of the same column, then click Themes to change the style for mobile participation. Navigate to Text and Colors to customize these elements as needed. A sample survey that reflects your choices will be shown in the right panel. Review your own project by clicking the Preview (eye) icon. Click Apply at the bottom of the screen to save your settings. To improve the mobile experience for participants, avoid using Matrix Grid and Rating Scale questions.<\/p>\n","protected":false},"author":26,"featured_media":0,"parent":0,"menu_order":157,"comment_status":"closed","ping_status":"closed","template":"sogo_new_design.php","meta":{"footnotes":""},"categories":[170],"tags":[297],"yoast_head":"\nHow to Use Customize Mobile Display Themes in Survey | Sogolytics<\/title>\n<meta name=\"description\" content=\"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Customize Mobile Display Themes in Survey | Sogolytics\" \/>\n<meta property=\"og:description\" content=\"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/\" \/>\n<meta property=\"og:site_name\" content=\"Sogolytics\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-11T06:09:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/\",\"url\":\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/\",\"name\":\"How to Use Customize Mobile Display Themes in Survey | Sogolytics\",\"isPartOf\":{\"@id\":\"https:\/\/www.sogolytics.com\/help\/#website\"},\"datePublished\":\"2018-08-27T11:44:37+00:00\",\"dateModified\":\"2022-08-11T06:09:19+00:00\",\"description\":\"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sogolytics.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile Display Themes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sogolytics.com\/help\/#website\",\"url\":\"https:\/\/www.sogolytics.com\/help\/\",\"name\":\"Sogolytics\",\"description\":\"Sogolytics - Online Survey Tool\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sogolytics.com\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Customize Mobile Display Themes in Survey | Sogolytics","description":"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Customize Mobile Display Themes in Survey | Sogolytics","og_description":"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.","og_url":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/","og_site_name":"Sogolytics","article_modified_time":"2022-08-11T06:09:19+00:00","twitter_card":"summary","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/","url":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/","name":"How to Use Customize Mobile Display Themes in Survey | Sogolytics","isPartOf":{"@id":"https:\/\/www.sogolytics.com\/help\/#website"},"datePublished":"2018-08-27T11:44:37+00:00","dateModified":"2022-08-11T06:09:19+00:00","description":"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.","breadcrumb":{"@id":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.sogolytics.com\/help\/how-to-use-mobile-display-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sogolytics.com\/help\/"},{"@type":"ListItem","position":2,"name":"Mobile Display Themes"}]},{"@type":"WebSite","@id":"https:\/\/www.sogolytics.com\/help\/#website","url":"https:\/\/www.sogolytics.com\/help\/","name":"Sogolytics","description":"Sogolytics - Online Survey Tool","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sogolytics.com\/help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"seo_meta_info":{"yoast_noindex":"","rankmath_noindex":"","yoast_title":"How to Use Customize Mobile Display Themes in Survey | Sogolytics","yoast_desc":"Sogolytics allows you to choose Color Schemes optimized for mobile display. Follow the steps to Customize mobile display survey theme.","rankmath_title":"Mobile Display Themes","rankmath_desc":"In addition to the template designs customized for web, Sogolytics allows you to choose Color Schemes optimized for mobile display. You may choose to link…"},"_links":{"self":[{"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/pages\/44600"}],"collection":[{"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/comments?post=44600"}],"version-history":[{"count":8,"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/pages\/44600\/revisions"}],"predecessor-version":[{"id":59606,"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/pages\/44600\/revisions\/59606"}],"wp:attachment":[{"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/media?parent=44600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/categories?post=44600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sogolytics.com\/help\/wp-json\/wp\/v2\/tags?post=44600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}