{"id":89282,"date":"2022-08-30T09:48:44","date_gmt":"2022-08-30T07:48:44","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"},"modified":"2020-09-19T23:03:31","modified_gmt":"2020-09-20T02:03:31","slug":"como-crear-un-menu-emergente-receptivo","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/","title":{"rendered":"How to create a responsive popup menu"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Disene-la-ventana-emergente-y-su-contenido\" >Design the pop-up window and its content<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ventana-emergente%3E-Ficha-Diseno\" >Popup Window&gt; Design Tab<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ventana-emergente%3E-pestana-Estilo\" >Pop-up window&gt; Style tab<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Surgir\" >Arise<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton-Cerrar\" >Close button<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ventana-emergente%3E-Pestana-avanzada\" >Popup&gt; Advanced tab<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Disena-la-primera-columna\" >Design the first column<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion%3E-Diseno\" >Section&gt; Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion%3E-Avanzado\" >Section&gt; Advanced<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Crear-el-resto-de-los-elementos-del-menu\" >Create the rest of the menu items<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Agregar-un-boton-al-menu\" >Add a button to the menu<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Agregar-botones-de-compartir-al-menu\" >Add share buttons to menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Compartir-botones%3E-Contenido\" >Share buttons&gt; Content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Botones-de-compartir%3E-Estilo\" >Share buttons&gt; Style<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Disena-la-segunda-columna\" >Design the second column<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Columna%3E-Estilo\" >Column&gt; Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Antecedentes\" >Background<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Crear-el-boletin-Suscribirse-al-formulario-de-llamada-a-la-accion\" >Create the newsletter Subscribe to the call to action form<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Avanzado\" >Interior section&gt; Advanced<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Formulario%3E-Contenido\" >Form&gt; Content<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Campos-de-formulario\" >Form fields<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton-de-enviar\" >Submit button<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Forma%3E-Estilo\" >Shape&gt; Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Formar\" >To form<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Campo\" >Field<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton\" >Button<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Crear-la-pantalla-de-productos\" >Create the product display<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Avanzado-2\" >Interior section&gt; Advanced<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Sensible\" >Sensitive<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Diseno\" >Interior section&gt; Design<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Editar-la-columna\" >Edit column<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Columna%3E-Avanzado\" >Column&gt; Advanced<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Titulo%3E-Estilo\" >Title&gt; Style<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Titulo%3E-Avanzado\" >Title&gt; Advanced<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Columna%3E-Estilo-2\" >Column&gt; Style<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Antecedentes-2\" >Background<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Frontera\" >Border<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Sombra-de-caja-normal\" >Box shadow (normal)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Sombra-de-caja-flotar\" >Box shadow (float)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-40\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Imagen\" >Image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-41\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Titulo%3E-Estilo-2\" >Title&gt; Style<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-42\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Ajustar-para-movil\" >Fit for mobile<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-43\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Seccion-interior%3E-Avanzado-3\" >Interior section&gt; Advanced<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-44\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Configuracion-emergente%3E-Diseno\" >Popup Settings&gt; Layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-45\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Formar-2\" >To form<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-46\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Establecer-las-opciones-de-publicacion\" >Set publishing options<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-47\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Edite-la-plantilla-de-encabezado-creada-por-Elementor-de-su-sitio\" >Edit your site&#039;s Elementor-created header template<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-48\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/#Boton-2\" >Button<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<div class=\"contentWrapper withRelated\">\n<article id=\"fullArticle\">\n<p>  Create a responsive popup menu that is launched from a menu button in your site header.<\/p>\n<p>  You will learn how to create a pop-up menu that:<\/p>\n<ul>\n<li>It is attractive, functional and beautiful.<\/li>\n<li>Answer on mobile<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" title=\"Create a Responsive Menu in WordPress Using Popups\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/_sJRHSmIpp8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe> <\/iframe><\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Disene-la-ventana-emergente-y-su-contenido\"><\/span>Design the pop-up window and its content<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Go <em>Templates&gt; Pop-ups&gt; Add New<\/em> and give your new popup a name. (An alternative method is to press <strong>CMD + E<\/strong> or <strong>CTRL + E<\/strong> open <em>Discoverer<\/em>, search for Popup, choose <strong>Add new popup<\/strong>and give it a name.)<\/li>\n<li>Choose a predesigned popup template or close the library overlay and design your popup from scratch. For this example, we will design our own, but <strong>you can also find this template in your Elementor Pro popup template library<\/strong>. Just search for &quot;menu&quot; in the Popups library to find it.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Ventana-emergente%3E-Ficha-Diseno\"><\/span>Popup Window&gt; Design Tab<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><b style=\"background-color: initial;\">Width<\/b>: Set to 85vw<\/li>\n<li><b style=\"background-color: initial;\">Cover<\/b>: Hide<\/li>\n<li><b style=\"background-color: initial;\">Entrance animation<\/b>: Merge<\/li>\n<li><b style=\"background-color: initial;\">Animation duration<\/b>: 2 seconds<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Ventana-emergente%3E-pestana-Estilo\"><\/span>Pop-up window&gt; Style tab<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Surgir\"><\/span>Arise<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p> <strong style=\"background-color: initial;\">Shadow of the box<\/strong>: Set them as you like.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Boton-Cerrar\"><\/span>Close button<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Vertical position<\/strong>: 4<\/li>\n<li><strong>Colour<\/strong>: Sets the color to # 878787<\/li>\n<li><strong>Size<\/strong>: 35<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Ventana-emergente%3E-Pestana-avanzada\"><\/span>Popup&gt; Advanced tab<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p> <strong style=\"background-color: initial; font-size: 14px;\">Avoid overlapping closure<\/strong>: Yes<\/p>\n<hr>\n<p>  Now add a section with two columns.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Disena-la-primera-columna\"><\/span>Design the first column<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Seccion%3E-Diseno\"><\/span>Section&gt; Design<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><b style=\"background-color: initial;\">Content width<\/b>: Full width<\/li>\n<li><b style=\"background-color: initial;\">Column spacing<\/b>: No space<\/li>\n<\/ol>\n<p>  Drag an interior section widget to the first column. <\/p>\n<p>  Below <em>Section<\/em> > <em>Design<\/em> > <em>Column spacing<\/em>, set up <strong>No space<\/strong>.<\/p>\n<p>  Below  <em>Section<\/em> > <em>Advanced<\/em>, set up <strong>Filling<\/strong> 70 px around. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion%3E-Avanzado\"><\/span>Section&gt; Advanced<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p> <strong style=\"background-color: initial; font-size: 14px;\">Filling<\/strong>: 70 up, down, left and right.<\/p>\n<hr>\n<p>  Drag a Header widget to the first column.<\/p>\n<p>  Below <em>Style<\/em> > <em>Typography<\/em>, set the size to 60 and under <em>Weight<\/em> set to 100.<\/p>\n<p class=\"callout-green\"> <strong>Tip<\/strong>: Now is a good time to adjust the titles&#039; <strong>Mobile setup<\/strong>.<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Crear-el-resto-de-los-elementos-del-menu\"><\/span>Create the rest of the menu items<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Right click on the title widget control <img alt='file-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\">and choose Duplicate. <\/li>\n<li>Repeat the duplication for all the menu items you need.<\/li>\n<li>Edit the title text for each header widget to correctly label each menu item<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Agregar-un-boton-al-menu\"><\/span>Add a button to the menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Drag a button widget below the menu items and adjust it to your liking.<\/p>\n<p>  On the Advanced tab&gt; Margin, Set to 70 for the top, and then click the responsive viewport icon, click the Rover icon, and set the margin of the rover to 40 for the top.<\/p>\n<hr>\n<p>  Drag another <strong>Inner section<\/strong> widget to the first column below the button.<\/p>\n<ol>\n<li>  Below <em>Section<\/em> > <em>Design<\/em> > <em>Width<\/em>, set up <strong>Full width<\/strong>. <\/li>\n<li>  Below <em>Section<\/em> > <em>Layout&gt; Column spacing, <\/em>set <strong>No space<\/strong>.  <\/li>\n<li>  In Section&gt; Advanced&gt; Fill, set 30 for Top, 70 for Right, 50 for Bottom, and 70 for Left. <\/li>\n<li>  Now, right click on a column handle <img alt='file-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> and select <strong>Remove <\/strong>to remove one of the columns, leaving you only one. <\/li>\n<\/ol>\n<hr>\n<h4><span class=\"ez-toc-section\" id=\"Agregar-botones-de-compartir-al-menu\"><\/span>Add share buttons to menu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>  Drag a Share Buttons widget (Pro) to the column.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Compartir-botones%3E-Contenido\"><\/span>Share buttons&gt; Content<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>Edit the elements of the social network as necessary.<\/li>\n<li><strong>Skin<\/strong>: Minimum<\/li>\n<li><strong>Alignment<\/strong>: Left<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Botones-de-compartir%3E-Estilo\"><\/span>Share buttons&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Button size<\/strong>: 1<\/li>\n<li><strong>Colour<\/strong>: Custom color and choose Black (# 000000)<\/li>\n<\/ol>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Disena-la-segunda-columna\"><\/span>Design the second column<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Right-click on the column identifier <img alt='file-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> to edit the column settings.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Columna%3E-Estilo\"><\/span>Column&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Antecedentes\"><\/span>Background<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Background color<\/strong>: Set to # 000000 (black)<\/li>\n<li><strong>Second color<\/strong>: Set to # 000000 (black)<\/li>\n<\/ol>\n<p class=\"callout-yellow\"> <strong>Note<\/strong>: Although the new background color has been set, you will not see it yet, because there is no content in the column yet.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Crear-el-boletin-Suscribirse-al-formulario-de-llamada-a-la-accion\"><\/span>Create the newsletter Subscribe to the call to action form<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p> <strong>  Drag an interior section widget to this column.<\/strong><\/p>\n<p>  Right click on a column handle <img alt='file-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> and select <strong>Remove <\/strong>to remove one of the columns, leaving you only one.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Avanzado\"><\/span>Interior section&gt; Advanced<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Margin<\/strong>: Set to 130 only for the bottom<\/li>\n<li><strong>Filling<\/strong>: Set to 70 for Up, 60 for Right, 70 for Down and 60 for Left<\/li>\n<\/ol>\n<p> <strong>  Drag a header widget to the column<\/strong><\/p>\n<p>  Adjust the title text (i.e. subscribe to our newsletter) and size, color, etc. of the text as needed.<\/p>\n<p> <strong>  Drag a <\/strong>To form<strong> Widget (Pro) below the header<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Formulario%3E-Contenido\"><\/span>Form&gt; Content<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Campos-de-formulario\"><\/span>Form fields<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li>Click the X at the far right of the Name and Message fields, as we only need the email for this example.<\/li>\n<li><strong>Inlet size<\/strong>: Means, medium<\/li>\n<li><em>Email&gt; Content<\/em> > <b style=\"background-color: initial;\">Column width<\/b>: 80%<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Boton-de-enviar\"><\/span>Submit button<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Size<\/strong>: Means, medium<\/li>\n<li><strong>Column width<\/strong>: 20%<\/li>\n<li><strong>Alignment<\/strong>: Correct<\/li>\n<li><strong>Icon<\/strong>: Long arrow right<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Forma%3E-Estilo\"><\/span>Shape&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Formar\"><\/span>To form<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Column spacing<\/strong>: 0<\/li>\n<li><strong>Row spacing<\/strong>: 0<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Campo\"><\/span>Field<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Text color<\/strong>: White<\/li>\n<li><strong>Background color<\/strong>: Transparent<\/li>\n<li><strong>Border color<\/strong>: White<\/li>\n<li><strong>Border width<\/strong>: 1 only for the bottom<\/li>\n<li><strong>Typography&gt; Size<\/strong>: 10<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Boton\"><\/span>Button<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Background color<\/strong>: Transparent<\/li>\n<li><strong>Text color<\/strong>: White<\/li>\n<li><strong>Border<\/strong>: Solid<\/li>\n<li><strong>Border width<\/strong>: 1 only for the bottom<\/li>\n<li><strong>Border color<\/strong>: White<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Crear-la-pantalla-de-productos\"><\/span>Create the product display<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p> <strong>  Drag another widget from the inner section to this column below the form.<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Avanzado-2\"><\/span>Interior section&gt; Advanced<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Filling<\/strong>: Set to 30 for right only<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sensible\"><\/span>Sensitive<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Hide on mobile<\/strong>: Hide<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Diseno\"><\/span>Interior section&gt; Design<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Column spacing<\/strong>: No space<\/li>\n<\/ol>\n<p>  Right click on a column handle <img alt='file-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> and select <strong>Remove <\/strong>to remove one of the columns, leaving you only one.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Editar-la-columna\"><\/span>Edit column<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Columna%3E-Avanzado\"><\/span>  Column&gt; Advanced <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Margin<\/strong>: Set -60 (minus 60) only for the left<\/li>\n<\/ol>\n<p>  Right click on the header widget control <img alt='file-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\"> and copy the title of the newsletter title and then paste it in this column<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Titulo%3E-Estilo\"><\/span>Title&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Text color<\/strong>: Black (# 000000)<\/li>\n<li><strong>Weight<\/strong>: 700<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Titulo%3E-Avanzado\"><\/span>Title&gt; Advanced<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Margin<\/strong>: Set to 20 for left only<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Columna%3E-Estilo-2\"><\/span>Column&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h5><span class=\"ez-toc-section\" id=\"Antecedentes-2\"><\/span>  Background <span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p> <strong>Colour<\/strong>: White (#ffffff)<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Frontera\"><\/span>Border<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Edge radius<\/strong>: 5 for all sides<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sombra-de-caja-normal\"><\/span>  Box shadow (normal) <span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Colour<\/strong>: rgba (0,0,0,0.21)<\/li>\n<li><strong>Box Shadow&gt; Horizontal<\/strong>: 0<\/li>\n<li><strong>Box Shadow&gt; Vertical<\/strong>: 10<\/li>\n<li><strong>Box Shadow&gt; Blur<\/strong>: 30<\/li>\n<li><strong>Box Shadow&gt; Extension<\/strong>: -10 (negative 10)<\/li>\n<li><strong>Position<\/strong>: Outline<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sombra-de-caja-flotar\"><\/span>  Box shadow (float) <span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li><strong>Colour<\/strong>: rgba (0,0,0,0.21)<\/li>\n<li><strong>Box Shadow&gt; Horizontal<\/strong>: 0<\/li>\n<li><strong>Box Shadow&gt; Vertical<\/strong>: 15<\/li>\n<li><strong>Box Shadow&gt; Blur<\/strong>: 40<\/li>\n<li><strong>Box Shadow&gt; Extension<\/strong>: -10 (negative 10)<\/li>\n<li><strong>Position<\/strong>: Outline<\/li>\n<\/ol>\n<p> <strong>  Drag a <\/strong>Image<strong> widget below header<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Imagen\"><\/span>Image<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p> <em>Don&#039;t choose an image yet<\/em><\/p>\n<ol>\n<li><strong>Image size<\/strong>: Full<\/li>\n<li><strong>Alignment<\/strong>: Left<\/li>\n<\/ol>\n<p>  Now right click on the title widget control <img alt='file-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\">, duplicate it and adjust the style of the duplicate widget.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Titulo%3E-Estilo-2\"><\/span>Title&gt; Style<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Size<\/strong>: 15<\/li>\n<li><strong>Weight<\/strong>: 300<\/li>\n<\/ol>\n<p> <strong>  Now change the wording of each one.<\/strong><\/p>\n<p>  Right-click on the column identifier <img alt='file-4aglpgfyew-8700226' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-4AglpgfyeW-8700226.jpg' class=\"inline\" style=\"height:28px\"> and duplicate it twice to have a total of 3 columns.<\/p>\n<ol>\n<li>Edit the column of the middle and last columns, changing the <b style=\"background-color: initial;\">margins<\/b> in <i style=\"background-color: initial;\">Column&gt; Advanced<\/i> to -40 for the left margin in the middle column and -20 for the left margin in the last column.<\/li>\n<li>For each column, edit the Image widget, choosing an image. Even .gif images work fine here.<\/li>\n<li>Adjust your text and margins as needed.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Ajustar-para-movil\"><\/span>Fit for mobile<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p> <strong>  Edit each of the internal sections in the left column<\/strong><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Seccion-interior%3E-Avanzado-3\"><\/span>Interior section&gt; Advanced<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Filling<\/strong>: 25 for all sides<\/li>\n<\/ol>\n<p>  Click on the <strong>gear \/ gear icon <\/strong><img loading=\"lazy\" decoding=\"async\" class=\"inline\" src=\"https:\/\/lh5.googleusercontent.com\/hZf8cCJE8CQ5Qrq7cNjdDVKmTnp8o9mVebCi-INsgJTkhM5JROXR3KyEAzOzp692cxvLjGaQXW5ZdQeuuOIO_MZheBs1pbPyA6pzRYdslUXdoFII99yWec92VhxROHz8fbwyHOIF\" width=\"20\" height=\"20\" style=\"border-width: initial; border-style: none; border-color: initial; transform: rotate(0rad);\"> located at the bottom left of the panel to return to the Settings pop-up.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Configuracion-emergente%3E-Diseno\"><\/span>Popup Settings&gt; Layout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Width<\/strong>: 100vw<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Formar-2\"><\/span>  To form <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>  Set the width of the email field and the Send button to 80% and 20%, respectively.<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Establecer-las-opciones-de-publicacion\"><\/span>Set publishing options<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Click on the <strong>To post<\/strong> button. They do not exist <em>Terms<\/em>, <em>Triggers<\/em>or <em>Advanced rules<\/em> For this pop-up window, click the <strong>Save and close<\/strong> button.<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"Edite-la-plantilla-de-encabezado-creada-por-Elementor-de-su-sitio\"><\/span>Edit your site&#039;s Elementor-created header template<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>  Go <em>Templates&gt; Theme Builder&gt; Headings<\/em> &gt; Select your header and click <strong>Edit with Elementor<\/strong><\/p>\n<p>  Click the widget control from your menu button <img alt='file-9cmvbalpw7-1884886' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-1884886.jpg' class=\"inline\" style=\"height:28px;\"> to edit the widget, if it exists, or create a new one.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Boton-2\"><\/span>Button<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Link<\/strong>: Click on the <strong>Dynamic<\/strong> icon and select <em>Actions&gt; Popup Window<\/em><\/li>\n<li>Click again on <strong>Arise<\/strong> and in Action, choose <em>Toggle popup<\/em><\/li>\n<li>In the Pop-up field, find and select the pop-up you just created.<\/li>\n<\/ol>\n<p>  Click on the <strong>To update<\/strong> button to save header template changes<\/p>\n<p>  All ready. Go to your live site, click on the <strong>Menu button<\/strong> in your header and see your new pop-up menu in action.<\/p>\n<p class=\"callout-green\"> <strong>Cousin<\/strong>: Add input animation effects on any of your widgets to add cool effects. Just edit a widget, go to its Advanced tab, choose one of the input animations listed there.<\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"<p>Create a responsive popup menu that launches from a menu button in the header of your site. You will learn how to create a popup menu that: Is attractive, functional and\u2026<\/p>","protected":false},"author":1,"featured_media":89284,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-89282","post","type-post","status-publish","format-standard","has-post-thumbnail","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear un men\u00fa emergente receptivo\" \/>\n<meta property=\"og:description\" content=\"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-30T07:48:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"31\" \/>\n\t<meta property=\"og:image:height\" content=\"32\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"C\u00f3mo crear un men\u00fa emergente receptivo\",\"datePublished\":\"2022-08-30T07:48:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\"},\"wordCount\":1510,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\",\"name\":\"C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"datePublished\":\"2022-08-30T07:48:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/como-crear-un-menu-emergente-receptivo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/file-9cMVbalPw7-4352936.jpg\",\"width\":31,\"height\":32,\"caption\":\"file-9cmvbalpw7-4352936-3139026-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital","description":"Create a responsive popup menu that is launched from a menu button in your site header. You will learn how to create a pop-up menu that: Is attractive,","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:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/","og_locale":"en_US","og_type":"article","og_title":"C\u00f3mo crear un men\u00fa emergente receptivo","og_description":"Cree un men\u00fa emergente receptivo que se inicie desde un bot\u00f3n de men\u00fa en el encabezado de su sitio. Aprender\u00e1 a crear un men\u00fa emergente que: Es atractivo,","og_url":"https:\/\/rmarketingdigital.com\/en\/elementor\/como-crear-un-menu-emergente-receptivo\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-30T07:48:44+00:00","og_image":[{"width":31,"height":32,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"C\u00f3mo crear un men\u00fa emergente receptivo","datePublished":"2022-08-30T07:48:44+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"},"wordCount":1510,"image":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/","url":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/","name":"C\u00f3mo crear un men\u00fa emergente receptivo - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","datePublished":"2022-08-30T07:48:44+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Create a responsive popup menu that is launched from a menu button in your site header. You will learn how to create a pop-up menu that: Is attractive,","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/elementor\/como-crear-un-menu-emergente-receptivo\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/file-9cMVbalPw7-4352936.jpg","width":31,"height":32,"caption":"file-9cmvbalpw7-4352936-3139026-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/89282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=89282"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/89282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/89284"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=89282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=89282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=89282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}