{"id":5298,"date":"2022-03-09T02:41:00","date_gmt":"2022-03-09T02:41:00","guid":{"rendered":"https:\/\/groovefunnels.review\/?p=5298"},"modified":"2022-05-20T06:04:13","modified_gmt":"2022-05-20T06:04:13","slug":"groovepages-responsive-design-styling-formatting","status":"publish","type":"post","link":"https:\/\/groovefunnels.review\/groovepages-responsive-design-styling-formatting\/","title":{"rendered":"GroovePages Responsive Design Styling &#038; Formatting"},"content":{"rendered":"\n<p>If you\u2019re having trouble getting your mobile responsive design looking good on <a href=\"https:\/\/groovefunnels.review\/groovepages\/\">GroovePages<\/a>&#8230; <\/p>\n\n\n\n<p>And you notice that your spacing and margin is out of whack, then you need to read this article.<\/p>\n\n\n\n<p>This article and accompanying video will save you so much time and headaches when you&#8217;re building out your GroovePages landing pages. <\/p>\n\n\n\n<p>If you don\u2019t have a <a href=\"https:\/\/groovefunnels.review\/free-groovefunnels\/\" data-type=\"page\" data-id=\"2415\">Free groove account<\/a> yet, sign up below to receive bonus training from me.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-7cf670ab\">\n\n<a class=\"gb-button gb-button-3eb1a789 gb-button-text\" href=\"https:\/\/hi.groovefunnels.review\/freegroovefunnelspage\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong><strong><strong><strong>Claim Your Free Groove Account<\/strong><\/strong><\/strong><\/strong><\/a>\n\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-39dd19c6 gb-headline-text\">This ONE Tip Will Save You Hours of Frustration<a href=\"https:\/\/hi.groovefunnels.review\/freegroovefunnelspage\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/h2>\n\n\n\n<p>The ONE major tip is this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Design your landing pages on Desktop view until your COMPLETELY finished, then edit mobile view last.<\/p><\/blockquote>\n\n\n\n<p>To really understand this concept, watch my video explanation below:<\/p>\n\n\n<!--presto-player:video_id=30--><figure class=\"wp-block-video presto-block-video  presto-provider-youtube\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #00b3ff); --presto-player-logo-width: 150px; \">\n    <presto-player  id=\"presto-player-1\" src=\"\/\/www.youtube.com\/embed\/1sLi0x_tPDo?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\" media-title=\"https:\/\/youtu.be\/1sLi0x_tPDo\" css=\"\" class=\"presto-video-id-30 presto-preset-id-5 skin-stacked\" skin=\"stacked\" icon-url=\"https:\/\/groovefunnels.review\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" preload=\"\" poster=\"\" playsinline  >\n        \n\n    <\/presto-player>\n<\/figure>        <script>\n            var player = document.querySelector('presto-player#presto-player-1');\n            player.video_id = 30;\n                                                player.preset = {\"id\":5,\"name\":\"Youtube Optimized\",\"slug\":\"youtube\",\"icon\":\"youtube\",\"skin\":\"stacked\",\"play-large\":true,\"rewind\":true,\"play\":true,\"fast-forward\":true,\"progress\":true,\"current-time\":true,\"mute\":true,\"volume\":true,\"speed\":true,\"pip\":false,\"fullscreen\":true,\"captions\":false,\"reset_on_end\":true,\"auto_hide\":true,\"captions_enabled\":false,\"save_player_position\":false,\"sticky_scroll\":false,\"sticky_scroll_position\":\"bottom right\",\"play_video_viewport\":false,\"hide_youtube\":false,\"lazy_load_youtube\":true,\"hide_logo\":false,\"border_radius\":0,\"caption_style\":\"\",\"caption_background\":\"\",\"is_locked\":true,\"cta\":[\"\"],\"email_collection\":[\"\"],\"action_bar\":{\"enabled\":true,\"percentage_start\":0,\"text\":\"Subscribe To Our YouTube Channel\",\"background_color\":\"#1d1d1d\",\"button_type\":\"youtube\",\"button_count\":false},\"created_by\":1,\"created_at\":\"2021-07-24 02:58:13\",\"updated_at\":\"2022-02-16 19:29:48\",\"deleted_at\":\"\",\"watermark\":[\"\"],\"on_video_end\":\"select\",\"search\":[\"\"],\"show_time_elapsed\":false};\n                                                                player.chapters = [];\n                                                                player.overlays = [];\n                                                                player.tracks = [];\n                                                                player.branding = {\"logo\":\"\",\"color\":\"#00b3ff\",\"logo_width\":150};\n                                                                player.blockAttributes = {\"id\":30,\"src\":\"https:\\\/\\\/youtu.be\\\/1sLi0x_tPDo\",\"preset\":5,\"video_id\":\"1sLi0x_tPDo\",\"visibility\":\"public\",\"color\":\"#00b3ff\",\"mutedPreview\":{\"enabled\":false,\"captions\":false},\"mutedOverlay\":{\"enabled\":false,\"src\":\"\",\"width\":200,\"focalPoint\":{\"x\":0.5,\"y\":0.5}},\"mutedOverlayType\":\"text\",\"mutedOverlayText\":\"Click to play\",\"mutedOverlayImageWidth\":200,\"playsInline\":true,\"chapters\":[],\"overlays\":[],\"tracks\":[],\"title\":\"https:\\\/\\\/youtu.be\\\/1sLi0x_tPDo\"};\n                                                                                            player.skin = \"stacked\";\n                                                                player.analytics = false;\n                                                                player.automations = true;\n                                                                player.provider = \"youtube\";\n                                                                player.video_id = 30;\n                                                                                                                        player.provider_video_id = \"1sLi0x_tPDo\";\n                                                                player.youtube = {\"noCookie\":false,\"channelId\":\"UChwKtxY94ROjH9wzMYmH3cw\",\"show_count\":false};\n                                    <\/script>\n        \n\n\n<p>The key here is to STOP switching back and forth between the desktop and mobile device view while you\u2019re building out your pages.<\/p>\n\n\n\n<p>Trust me on this process, you want to ignore editing the mobile UNTIL the very end.<\/p>\n\n\n\n<p>Keep styling your pages from the Desktop View so that all content, images, spacing and margin is carried across ALL devices.<\/p>\n\n\n\n<p>When you have completely finished editing the desktop view, then switch to editing mobile.<\/p>\n\n\n\n<p>When you watch the above video, you&#8217;ll see the dilemma you&#8217;ll run through when you&#8217;re trying to edit both device views at the same time.<\/p>\n\n\n\n<p>You&#8217;ll find that you&#8217;ll keep changing spacing and text sizes&#8230;.<\/p>\n\n\n\n<p>Then you&#8217;ve forgotten what mobile specific changes  you made because kept switching back and forth between the desktop and mobile view.<\/p>\n\n\n\n<p>STOP IT. <\/p>\n\n\n\n<p>It&#8217;s going to very very painful.<\/p>\n\n\n\n<p>Please just add all your content, images, spacing and margin on desktop until you\u2019re COMPLETELY FINISHED.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-175fd5c8\">\n\n<a class=\"gb-button gb-button-5b654b2e gb-button-text\" href=\"https:\/\/hi.groovefunnels.review\/freegroovefunnelspage\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong><strong>Claim Your Free Groove Account<\/strong><\/strong><\/a>\n\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-2ed648b8 gb-headline-text\">Create Stunning Funnels That Sell Like Crazy?<\/h2>\n\n\n\n<p>If you want to create stunning funnels that sell like crazy, I recommend writing great copy with relevant CUSTOM graphics. <\/p>\n\n\n\n<p>In this day and age, people don&#8217;t read long blocks of copy.<\/p>\n\n\n\n<p>They&#8217;re skimming and only stop scrolling when they see a compelling image. <\/p>\n\n\n\n<p>You NEED unique custom 3d mockups, book covers, lead magnet images, online course mockups and funnel graphics to make your sales page convert. <\/p>\n\n\n\n<p>I&#8217;ve always struggled with design and could not justify hiring expensive graphic designers.<\/p>\n\n\n\n<p>Not anymore.<\/p>\n\n\n\n<p>The banner below was created <span style=\"text-decoration: underline;\">WITHOUT<\/span> any design skills and under 60 seconds. <\/p>\n\n\n\n<p>Just point-and-click, drag-and-drop, then export!<\/p>\n\n\n\n<p>Click the banner to learn how you can create stunning 3D digital product mockups and sales funnel graphics without any design skills.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/go.aimeevo.com\/clickdesigns-review\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-1024x536.webp\" alt=\"groovefunnels review banner\" class=\"wp-image-5452\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-1024x536.webp 1024w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-300x157.webp 300w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-768x402.webp 768w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re having trouble getting your mobile responsive design looking good on GroovePages&#8230; And you notice that your spacing and margin is out of whack, &#8230; <a title=\"GroovePages Responsive Design Styling &#038; Formatting\" class=\"read-more\" href=\"https:\/\/groovefunnels.review\/groovepages-responsive-design-styling-formatting\/\" aria-label=\"More on GroovePages Responsive Design Styling &#038; Formatting\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":5381,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,1],"tags":[],"_links":{"self":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts\/5298"}],"collection":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/comments?post=5298"}],"version-history":[{"count":3,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts\/5298\/revisions"}],"predecessor-version":[{"id":5594,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts\/5298\/revisions\/5594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/media\/5381"}],"wp:attachment":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/media?parent=5298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/categories?post=5298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/tags?post=5298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}