{"id":12617,"date":"2025-05-28T20:40:31","date_gmt":"2025-05-28T20:40:31","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=12617"},"modified":"2025-05-28T20:40:31","modified_gmt":"2025-05-28T20:40:31","password":"","slug":"simulating-a-mobile-environment-for-testing","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/simulating-a-mobile-environment-for-testing\/","title":{"rendered":"Simulating a Mobile Environment For Testing"},"content":{"rendered":"\n<p>In today&#8217;s <em>mobile-first environment, <\/em>it&#8217;s essential to make sure your website not only looks good but also <strong>works<\/strong> <strong>properly<\/strong> on <strong>mobile-sized screens<\/strong>. In addition to testing on an actual mobile device, there are several other options available that provide additional options and features.<\/p>\n\n\n<style>.kb-image12617_269bdd-f7 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image12617_269bdd-f7 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2051\" height=\"1193\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/05\/Inspector-Tools.gif\" alt=\"Inspector Tools\" class=\"kb-img wp-image-12764\" \/><\/figure>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id12617_b281ea-df .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id12617_b281ea-df .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id12617_b281ea-df .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id12617_b281ea-df .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12617_1224c9-7e, .wp-block-kadence-advancedheading.kt-adv-heading12617_1224c9-7e[data-kb-block=\"kb-adv-heading12617_1224c9-7e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12617_1224c9-7e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12617_1224c9-7e[data-kb-block=\"kb-adv-heading12617_1224c9-7e\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12617_1224c9-7e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12617_1224c9-7e[data-kb-block=\"kb-adv-heading12617_1224c9-7e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"chrome\" class=\"kt-adv-heading12617_1224c9-7e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12617_1224c9-7e\">Chrome Browser<\/h2>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_be194f-d0:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_be194f-d0 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_be194f-d0 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_be194f-d0 .kb-svg-icon-wrap{font-size:18px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_be194f-d0 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items12617_be194f-d0 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items12617_be194f-d0 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-12617_85a486-1d .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_85a486-1d\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Open Chrome Developer Tools:<br><\/strong>\u2022 Press F12 or Ctrl + Shift + I (Windows\/Linux) or Cmd + Option + I (Mac).<br>\u2022 Or you can right-click anywhere on the page and choose \u201c<em>Inspect<\/em>\u201d.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_a9a3b0-c1 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_a9a3b0-c1\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Toggle Device Toolbar:<br><\/strong>\u2022 Click the &#8220;Toggle device toolbar&#8221; icon in the top-left corner of Developer Tools, or press Ctrl + Shift + M (Windows\/Linux) or Cmd + Shift + M (Mac).<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_424bca-ad .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_424bca-ad\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Choose a Mobile Device:<br><\/strong>\u2022 At the top of the viewport, you\u2019ll see a dropdown labeled something like \u201cResponsive\u201d or the name of a device. <br>\u2022 Click it and select a predefined device (e.g., iPhone 14, Pixel 7, etc.)<br>\u2022 Chrome will emulate the screen resolution, user agent, and touch events for that device.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_738ac2-c3 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_738ac2-c3\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Adjust Options:<\/strong><br>\u2022 You can also customize the dimensions, zoom level, and throttle network speed (e.g., simulate 3G).<br>\u2022 Use the rotation icon to switch between portrait and landscape.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_b9c3b1-43 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_b9c3b1-43\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Refresh the Page<\/strong> (optional):<br>\u2022 Sometimes it\u2019s helpful to reload the page (F5 or Cmd + R) to see how scripts and styles behave on mobile.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_8cb2e6-76 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_8cb2e6-76\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Exit Emulation Mode:<br><\/strong>\u2022 Click the Toggle device toolbar icon again or press Ctrl + Shift + M (Windows\/Linux) or use Cmd + Shift + M (Mac) to return to normal desktop view.<\/span><\/li>\n<\/ul><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12617_6e5c18-b9, .wp-block-kadence-advancedheading.kt-adv-heading12617_6e5c18-b9[data-kb-block=\"kb-adv-heading12617_6e5c18-b9\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12617_6e5c18-b9 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12617_6e5c18-b9[data-kb-block=\"kb-adv-heading12617_6e5c18-b9\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12617_6e5c18-b9 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12617_6e5c18-b9[data-kb-block=\"kb-adv-heading12617_6e5c18-b9\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"safari\" class=\"kt-adv-heading12617_6e5c18-b9 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12617_6e5c18-b9\">Safari Browser<\/h2>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_87c253-2c:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_87c253-2c ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_87c253-2c ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_87c253-2c .kb-svg-icon-wrap{font-size:18px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_87c253-2c ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items12617_87c253-2c ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items12617_87c253-2c kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-12617_d987d0-4b .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_d987d0-4b\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Enable the Develop Menu (if not already enabled):<br><\/strong>\u2022 Open Safari.<br>\u2022 Go to Safari \u2192 Settings (or Preferences on older macOS versions).<br>\u2022 Click the Advanced tab.<br>\u2022 Check the box at the bottom: \u201c<strong>Show Develop menu in menu bar<\/strong>\u201d<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_aa4e60-00 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_aa4e60-00\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Open Responsive Design Mode:<br><\/strong>\u2022 Open the webpage you want to test.<br>\u2022 Go to Develop \u2192 <strong>Enter Responsive Design Mode<\/strong> in the top menu bar or press Ctrl + Cmd + R.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_12de2a-66 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_12de2a-66\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Choose a Mobile Device:<br><\/strong>\u2022 At the top of the page, select a device profile to emulate (iPhone, iPhone Pro, iPad mini, etc.) or drag the resize bars for a custom size.<br>\u2022 Click the Rotate the Viewport icon to view to portrait or landscape mode.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_9b2e9a-be .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_9b2e9a-be\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Refresh the Page<\/strong> (optional):<br>\u2022 Sometimes it\u2019s helpful to reload the page (Cmd + R) to see how scripts and styles behave on mobile.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_b90dae-2a .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_b90dae-2a\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Exit Responsive Design Mode:<br><\/strong>\u2022 Click the \u201cX\u201d in the top-left corner of the simulation window<br>\u2022 or go to Develop &gt; <strong>Exit Responsive Design Mode<\/strong><\/span><\/li>\n<\/ul><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12617_602974-4d, .wp-block-kadence-advancedheading.kt-adv-heading12617_602974-4d[data-kb-block=\"kb-adv-heading12617_602974-4d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12617_602974-4d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12617_602974-4d[data-kb-block=\"kb-adv-heading12617_602974-4d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12617_602974-4d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12617_602974-4d[data-kb-block=\"kb-adv-heading12617_602974-4d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"xcode\" class=\"kt-adv-heading12617_602974-4d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12617_602974-4d\">Xcode<\/h3>\n\n\n\n<p>To use <strong>Xcode with Safari<\/strong> to test websites on real iOS devices, you can take advantage of Safari\u2019s Web Inspector and device simulator integration provided by Xcode. Here\u2019s how to set it up and use it:<\/p>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c668fa-37:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c668fa-37 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c668fa-37 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c668fa-37 .kb-svg-icon-wrap{font-size:18px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c668fa-37 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items12617_c668fa-37 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items12617_c668fa-37 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-12617_5b8084-7c .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_5b8084-7c\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Install Xcode<\/strong>:<strong><br><\/strong>\u2022 Go to the Apple App Store and install the <a href=\"https:\/\/apps.apple.com\/us\/app\/xcode\/id497799835?mt=12\" target=\"_blank\" rel=\"noreferrer noopener\">Xcode app<\/a> (if not already installed).<br>\u2022 Go to Xcode \u2192 <strong>Settings<\/strong> and click the <strong>Components<\/strong> tab to ensure you have simulators installed.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_b7995e-af .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_b7995e-af\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Restart Safari (after initial Xcode installation) and launch a device simulator:<br><\/strong>\u2022 Navigate to a page to test.<br>\u2022 Go to Develop \u2192 <strong>Open Page With<\/strong> and select a device (i.e., iPhone, iPad, etc.)<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_293d2e-1a .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_293d2e-1a\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Access the Safari Inspector:<br><\/strong>\u2022 In Safari, click Develop \u2192 <strong>Inspect Apps and Devices<\/strong>.<br>\u2022 Select your simulated device.<\/span><\/li>\n<\/ul><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12617_1f7cc2-1c, .wp-block-kadence-advancedheading.kt-adv-heading12617_1f7cc2-1c[data-kb-block=\"kb-adv-heading12617_1f7cc2-1c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12617_1f7cc2-1c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12617_1f7cc2-1c[data-kb-block=\"kb-adv-heading12617_1f7cc2-1c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12617_1f7cc2-1c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12617_1f7cc2-1c[data-kb-block=\"kb-adv-heading12617_1f7cc2-1c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"firefox\" class=\"kt-adv-heading12617_1f7cc2-1c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12617_1f7cc2-1c\">Firefox Browser<\/h2>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c9c5bc-1d:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c9c5bc-1d ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c9c5bc-1d ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c9c5bc-1d .kb-svg-icon-wrap{font-size:18px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_c9c5bc-1d ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items12617_c9c5bc-1d ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items12617_c9c5bc-1d kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-12617_e5ce6c-09 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_e5ce6c-09\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Open Developer Tools:<\/strong><br>\u2022 Press F12, Press Cmd + Option + I (Mac) \/ Ctrl + Shift + I (Windows\/Linux).<br>\u2022 or right-click on the page and choose \u201c<em>Inspect<\/em>\u201d.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_dff9d9-83 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_dff9d9-83\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Enter Responsive Design Mode:<br><\/strong>\u2022 Click the \u201cResponsive Design Mode\u201d icon (a small phone\/tablet) in the DevTools toolbar<br>\u2022 Or use the shortcut:  Cmd + Option + M (Mac) \/ Ctrl + Shift + M (Windows\/Linux).<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_38259c-ca .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_38259c-ca\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Choose a Device Profile:<br><\/strong>\u2022 At the top of the viewport, choose a device (i.e., iPhone SE, Galaxy S20, iPad, etc.)<br>\u2022 Or manually set width, height, and device pixel ratio,<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_a5dfec-52 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_a5dfec-52\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Simulate Touch and Orientation:<br><\/strong>\u2022 Use the rotate icon to switch between portrait and landscape.<br>\u2022 Click the \u201cTouch simulation\u201d icon (finger tap symbol) to enable touch-like interactions.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_e66fdc-df .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_e66fdc-df\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_chevron-circle-right kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Exit Responsive Mode:<br><\/strong>\u2022 Click the \u201cX\u201d to close DevTools or click the phone\/tablet icon again.<br>\u2022 Or use the shortcut:  Cmd + Option + M (Mac) or Ctrl + Shift + M (Windows\/Linux).<\/span><\/li>\n<\/ul><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading12617_b515f2-8a, .wp-block-kadence-advancedheading.kt-adv-heading12617_b515f2-8a[data-kb-block=\"kb-adv-heading12617_b515f2-8a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading12617_b515f2-8a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading12617_b515f2-8a[data-kb-block=\"kb-adv-heading12617_b515f2-8a\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading12617_b515f2-8a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading12617_b515f2-8a[data-kb-block=\"kb-adv-heading12617_b515f2-8a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"browserstack\" class=\"kt-adv-heading12617_b515f2-8a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading12617_b515f2-8a\">BrowserStack<\/h2>\n\n\n\n<p>BrowserStack is a cloud-based testing platform that lets you test your websites and mobile apps across a wide range of real devices and browsers without needing to own the hardware or set up virtual machines.  With this tool, you can:<\/p>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_63b19f-65:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_63b19f-65 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_63b19f-65 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_63b19f-65 .kb-svg-icon-wrap{font-size:18px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items12617_63b19f-65 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items12617_63b19f-65 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items12617_63b19f-65 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-12617_cc6d69-03 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_cc6d69-03\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Test your website on actual browsers (Chrome, Firefox, Safari, Edge, etc.), including current and older versions.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_e70aa9-11 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_e70aa9-11\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Use physical iOS and Android devices hosted on the BrowserStack cloud.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_4d79f9-02 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_4d79f9-02\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Interactive manual testing on real devices and browsers.<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-12617_013eb1-b5 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-12617_013eb1-b5\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Simulate slow networks, change geolocation, switch screen sizes, etc.<\/span><\/li>\n<\/ul><\/div>\n\n\n\n<p>Visit <a href=\"https:\/\/www.browserstack.com\" target=\"_blank\" rel=\"noreferrer noopener\">www.browserstack.com<\/a> for more information and to create an account.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In today&#8217;s mobile-first environment, it&#8217;s essential to make sure your website not only looks good but also works properly on mobile-sized screens. In addition to testing on an actual mobile device, there are several other options available that provide additional options and features. Chrome Browser Safari Browser Xcode To use Xcode with Safari to test&#8230;<\/p>\n","protected":false},"author":227588,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[394],"doc_tag":[],"knowledge_base":[6],"class_list":["post-12617","docs","type-docs","status-publish","hentry","doc_category-theme-general","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":749,"total_views":"1695","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Anthony Paparelli","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/anthony-paparelli\/"},"doc_category_info":[{"term_name":"General WordPress","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-general\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":394,"label":"General WordPress"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/12617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/227588"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=12617"}],"version-history":[{"count":14,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/12617\/revisions"}],"predecessor-version":[{"id":12765,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/12617\/revisions\/12765"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=12617"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=12617"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=12617"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=12617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}