{"id":14760,"date":"2019-10-24T07:07:11","date_gmt":"2019-10-24T07:07:11","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=14760"},"modified":"2020-01-17T12:39:33","modified_gmt":"2020-01-17T12:39:33","slug":"how-to-change-cta-position-on-mobile-devices","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-change-cta-position-on-mobile-devices\/","title":{"rendered":"How to change CTA Position on mobile devices"},"content":{"rendered":"\n<p>If your CTA is not looking good on mobile and you want to change the position on mobile device then we have option to do this for this follow the below steps.<\/p>\n\n\n\n<p>You will find this option in the <strong>WordPress Dashboard<\/strong> -&gt; Navigate to <strong>AMP Option Panel<\/strong> -&gt; <strong>Design<\/strong> -&gt; <strong>Header-&gt;<\/strong> In this &#8220;<strong>CTA Position on Mobile<\/strong>&#8221; option two options &#8220;<strong>Header<\/strong>&#8221; and &#8220;<strong>Menu<\/strong>&#8221; will be displayed as per your requirement you can select and then click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"403\" height=\"491\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/1-6.png\" alt=\"\" class=\"wp-image-14762\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/1-6.png 403w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/1-6-246x300.png 246w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/1-6-41x50.png 41w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/1-6-49x60.png 49w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/1-6-82x100.png 82w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/figure><\/div>\n\n\n\n<p>Scroll down little to see this option <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"871\" height=\"418\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7.png\" alt=\"\" class=\"wp-image-14764\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7.png 871w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7-768x369.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/2-7-100x48.png 100w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/figure>\n\n\n\n<h4>The Output of the CTA Position on mobile devices<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"438\" height=\"438\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111.jpg\" alt=\"\" class=\"wp-image-14770\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111.jpg 438w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111-150x150.jpg 150w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111-300x300.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111-50x50.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111-60x60.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/10\/FotoJet-111-100x100.jpg 100w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><\/figure><\/div>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong>!!!<\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If your CTA is not looking good on mobile and you want to change the position on mobile device then we have option to do this for this follow the below steps. You will find this option in the WordPress Dashboard -&gt; Navigate to AMP Option Panel -&gt; Design -&gt;&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/14760"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=14760"}],"version-history":[{"count":14,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/14760\/revisions"}],"predecessor-version":[{"id":15735,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/14760\/revisions\/15735"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=14760"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=14760"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=14760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}