{"id":60935,"date":"2020-09-12T18:00:20","date_gmt":"2020-09-12T22:00:20","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=60935"},"modified":"2022-03-08T10:24:29","modified_gmt":"2022-03-08T15:24:29","slug":"mobile-comps","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/","title":{"rendered":"Learn More about Web Design Services Mobile Comps"},"content":{"rendered":"
\"mobile<\/figure>\n\n\n\n

In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. <\/p>\n\n\n\n

The best way to view how the site will look on mobile devices is when the project is in the coding stage and the site is coded. This way, you can use any mobile device available to you, and you can click on the development site URL and you will see how the website reacts in realtime to the different sizes of devices as well as the different sizes of the browser itself (if you were to resize a browser window on a desktop). You can\u2019t get that with a mere design mockup.<\/p>\n\n\n\n

\r\n

Improve the performance and security of your WordPress website with our WordPress VPS Hosting<\/a> plans. Featuring blazing fast servers with advanced caching, 99.99% uptime, and a robust toolkit developed by WordPress experts.<\/p>\r\n

\"checkImprove Core Web Vitals \"checkFree SSL & Dedicated IP \"checkAdvanced Server Caching \"checkUS & EU Data Centers<\/p>\r\n

VPS for WordPress<\/a><\/p>\r\n<\/div>\n\n\n\n

\"responsive<\/figure>\n\n\n\n

It will also be good to note that it would be good to not only view the site on a desktop but also on a mobile device and give us your feedback\/adjustment requests within each round for both views.<\/p>\n\n\n\n

When coming up with a mobile comp, it\u2019s important to remember that the way how the site views on a desktop, will essentially \u201cstack\u201d on mobile. So, you\u2019ll notice in this design, that where an image appeared to be on the right of a block of text, will appear either above or below the text. You\u2019ll also notice that heading sizes will appear smaller, and so will leaderboard images.<\/p>\n\n\n\n

Another thing to remember about mobile comps is that, because this is the smallest view, not much can fit in this view and the longer your home page design is, the longer of a scroll you will have for your viewers\/readers\/visitors. Also, there are elements that sometimes need to be hidden such as a slideshow due to the height. Usually this is replaced with a leaderboard design, or just an image.<\/p>\n\n\n\n

We have skilled designers that can help you bring your vision to life, please feel free to reach out to our Sales Consultants who are available to answer any of your questions you have.<\/p>\n\n\n\n

For more tutorials and information on how you can customize your website, please check our Web Design Services<\/a> guides.<\/p>\n\n\n\n

Need assistance? From Website Rebuilds to Monthly Maintenance Plans<\/a>, our Professional Website Services<\/a> team is here to help you succeed.<\/p>\n","protected":false},"excerpt":{"rendered":"

In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. The best way to view how the site will look on mobile devices is when the project is in the coding Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4417],"tags":[],"class_list":["post-60935","post","type-post","status-publish","format-standard","hentry","category-web-design-services"],"acf":[],"yoast_head":"\nMobile Comps - InMotion Hosting Support Center<\/title>\n<meta name=\"description\" content=\"In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. This is when we will create a mobile comp for you to see what the mobile version of your site will potentially look like.\" \/>\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.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile Comps - InMotion Hosting Support Center\" \/>\n<meta property=\"og:description\" content=\"In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. This is when we will create a mobile comp for you to see what the mobile version of your site will potentially look like.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-12T22:00:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-08T15:24:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"Learn More about Web Design Services Mobile Comps\",\"datePublished\":\"2020-09-12T22:00:20+00:00\",\"dateModified\":\"2022-03-08T15:24:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\"},\"wordCount\":358,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps-1024x538.jpg\",\"articleSection\":[\"Web Design Services\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\",\"name\":\"Mobile Comps - InMotion Hosting Support Center\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps-1024x538.jpg\",\"datePublished\":\"2020-09-12T22:00:20+00:00\",\"dateModified\":\"2022-03-08T15:24:29+00:00\",\"description\":\"In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. This is when we will create a mobile comp for you to see what the mobile version of your site will potentially look like.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps.jpg\",\"width\":1200,\"height\":630,\"caption\":\"mobile comps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn More about Web Design Services Mobile Comps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile Comps - InMotion Hosting Support Center","description":"In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. This is when we will create a mobile comp for you to see what the mobile version of your site will potentially look like.","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.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/","og_locale":"en_US","og_type":"article","og_title":"Mobile Comps - InMotion Hosting Support Center","og_description":"In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. This is when we will create a mobile comp for you to see what the mobile version of your site will potentially look like.","og_url":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-09-12T22:00:20+00:00","article_modified_time":"2022-03-08T15:24:29+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"Learn More about Web Design Services Mobile Comps","datePublished":"2020-09-12T22:00:20+00:00","dateModified":"2022-03-08T15:24:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/"},"wordCount":358,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps-1024x538.jpg","articleSection":["Web Design Services"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/","url":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/","name":"Mobile Comps - InMotion Hosting Support Center","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps-1024x538.jpg","datePublished":"2020-09-12T22:00:20+00:00","dateModified":"2022-03-08T15:24:29+00:00","description":"In order to mock a mobile view of the home page, that would require a separate comp that the designer will need to create, which is out of the scope for the design stage. This is when we will create a mobile comp for you to see what the mobile version of your site will potentially look like.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/mobile-comps.jpg","width":1200,"height":630,"caption":"mobile comps"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/mobile-comps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Learn More about Web Design Services Mobile Comps"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/60935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=60935"}],"version-history":[{"count":8,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/60935\/revisions"}],"predecessor-version":[{"id":94822,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/60935\/revisions\/94822"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=60935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=60935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=60935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}