{"id":68390,"date":"2023-04-12T17:30:40","date_gmt":"2023-04-12T22:30:40","guid":{"rendered":"https:\/\/aprende.nodored.com\/?p=68390"},"modified":"2023-04-21T10:11:24","modified_gmt":"2023-04-21T15:11:24","slug":"menu-de-ancho-completo-con-elementor-pro","status":"publish","type":"post","link":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/","title":{"rendered":"Men\u00fa de ancho completo con Elementor Pro"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-black-color has-text-color\">Imagina el men\u00fa principal de tu sitio web con un ancho completo, es decir, que abarca toda tu pantalla y que al acercar el mouse a cada elemento del men\u00fa, \u00e9ste cambie la imagen de presentaci\u00f3n de esa secci\u00f3n en espec\u00edfico, piensa en las inmensas posibilidades y pong\u00e1monos manos a la obra.<\/p>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-background\" style=\"background-color:#ffcad9\"><strong>Antes de continuar debes tener presente que todo lo que aprender\u00e1s en este art\u00edculo solo podr\u00e1s aplicarlo bajo una licencia de Elementor PRO, al ser cliente en Nodored, obtendr\u00e1s precios especiales si deseas adquirir la licencia, <a rel=\"noreferrer noopener\" href=\"https:\/\/nodored.com\/web-hosting.php\" target=\"_blank\">conoce nuestros planes de hosting<\/a>.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 crear un men\u00fa de ancho completo con elementor?<br><\/h2>\n\n\n\n<p class=\"has-black-color has-text-color\">Los men\u00fas tradicionales aunque siguen siendo muy \u00fatiles, tienden a ser aburridos y no permiten presentar la ifnormaci\u00f3n relevante de tu sitio web de forma atractiva.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">Si deseas que tu marca transmita alegr\u00eda, creatividad y confianza, el tipo de <strong>men\u00fa que abarca toda la pantalla<\/strong> es un gran elemento para lograrlo.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">Por ejemplo, si tienes una una tienda en l\u00ednea puedes utilizar esta funcionalidad para destacar los elementos m\u00e1s importantes de tu eCommerce o si por el contrario ofreces servicios, ser\u00eda mucho m\u00e1s f\u00e1cil presentar la informaci\u00f3n en una secci\u00f3n interactiva completamente llamativa.<br><br><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Elementor Pro - Crea un men\u00fa de ancho completo\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/XpOqlv44uU8?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>\n<\/div><figcaption class=\"wp-element-caption\">Tutorial men\u00fa ancho completo con Elementor Pro<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3digo css y JavaScript para crear un men\u00fa de ancho completo con elementor<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-black-color has-text-color\">Fragmento de c\u00f3digo CSS en el contenedor del men\u00fa (mdw-image-menu):<br><br><\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"selector{\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.3s ease-in-out;\n    --h: var(--min-height);\n}\nselector.showing{\n    opacity: 1;\n    pointer-events: auto;\n}\nselector .elementor-widget-icon-list ul li{\n    opacity: 0;\n    transform: translateY(30px) scaleY(1.1) skewY(10deg);\n}\nselector.showing .elementor-widget-icon-list ul li{\n    opacity: 1;\n    transform: none;\n    transition: all 0.5s ease-in-out calc(0.2s + var(--index,1)*0.1s);\n}\nselector .mdw-menu-right,\nselector .mdw-menu-close{\n    opacity: 0;\n}\nselector.showing .mdw-menu-right,\nselector.showing .mdw-menu-close{\n    opacity: 1;\n    transition: all 0.5s ease-in-out 0.3s;\n}\n.mdw-menu-open,\n.mdw-menu-close{\n    cursor: pointer;\n}\" style=\"color:#f6f6f4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\"><code><span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">pointer-events<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transition<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">all<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0.3<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">ease-in-out<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    --h<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">var<\/span><span style=\"color: #F6F6F4\">(--min-height);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #62E884; font-style: italic\">.showing<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">pointer-events<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">auto<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-icon-list<\/span><span style=\"color: #F286C4\"> ul li<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transform<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">translateY<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE\">30<\/span><span style=\"color: #F286C4\">px<\/span><span style=\"color: #F6F6F4\">) <\/span><span style=\"color: #97E1F1\">scaleY<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE\">1.1<\/span><span style=\"color: #F6F6F4\">) <\/span><span style=\"color: #97E1F1\">skewY<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE\">10<\/span><span style=\"color: #F286C4\">deg<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #62E884; font-style: italic\">.showing<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-icon-list<\/span><span style=\"color: #F286C4\"> ul li<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transform<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transition<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">all<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0.5<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">ease-in-out<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">calc<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE\">0.2<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">+<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">var<\/span><span style=\"color: #F6F6F4\">(--index,<\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F6F6F4\">)<\/span><span style=\"color: #F286C4\">*<\/span><span style=\"color: #BF9EEE\">0.1<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.mdw-menu-right<\/span><span style=\"color: #F6F6F4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.mdw-menu-close<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #62E884; font-style: italic\">.showing<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.mdw-menu-right<\/span><span style=\"color: #F6F6F4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #62E884; font-style: italic\">.showing<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.mdw-menu-close<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transition<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">all<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0.5<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">ease-in-out<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0.3<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884; font-style: italic\">.mdw-menu-open<\/span><span style=\"color: #F6F6F4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884; font-style: italic\">.mdw-menu-close<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">cursor<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">pointer<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\">CSS<\/span><\/div>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-black-color has-text-color\">Fragmento de c\u00f3digo JavaScript para el men\u00fa de ancho completo:<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"<script src=&quot;https:\/\/code.jquery.com\/jquery-3.6.0.min.js&quot;&gt;<\/script&gt;\n<script&gt;\nvar $ = jQuery\n$(document).ready(function(){\nfunction hoveDefault(){\n    $('.mdw-menu-left .elementor-icon-list-text').eq(0).trigger('mouseover')\n}\nfunction openMenu(){\n    $('.mdw-image-menu').addClass('showing')\n}\nfunction closemenu(){\n    $('.mdw-image-menu').removeClass('showing')\n    setTimeout(hoveDefault, 500)\n}\n$('.mdw-image-menu').find('.elementor-widget-icon-list ul li').each(function(){\n    var index = $(this).index()+1\n    $(this).css('--index', index)\n})\n$('.mdw-menu-open').on('click', openMenu)\n$('.mdw-menu-close').on('click', closemenu)\n\/* If Link is #id then Close Menu *\/\n$('.mdw-menu-left a').on('click', function(e){\n    var link = $(this).attr('href')\n    if(link){\n        if(link == '#'){\n            e.preventDefault()\n        }\n        if( link.length &gt; 1 &amp;&amp; link.startsWith('#') ){\n            closemenu()\n        }    \n    }\n    \n})\n\/* Image and Color Change on Menu Item Hover *\/\n$('.mdw-menu-left .elementor-icon-list-text').hover(function(e){\n    \nvar $this = $(this),\n    index = $this.closest('.elementor-icon-list-item').index(),\n    currentImage = $('.mdw-menu-right .elementor-widget-spacer').eq(index),\n    color = currentImage.find('.elementor-widget-container').css('background-color')\n    \n$this.closest('.mdw-image-menu').css('background-color', color)\nif(!currentImage.length) return\n$this.closest('.elementor-icon-list-items').find('.elementor-icon-list-text').removeClass('active')\nif(e.originalEvent){ $this.addClass('active') }\ncurrentImage.siblings('.elementor-widget-spacer').removeClass('active')\ncurrentImage.addClass('active')\n}, function(){})\nhoveDefault()\n})\n\/* Adjust alignment of Left side Menu *\/\n$(window).on('load resize', function(){\n    \n    $('.mdw-menu-left').each(function(){\n        \n        var containerHeight = $(this).height(),\n        menuHeight = $(this).find('.elementor-widget-icon-list').outerHeight()\n        \n        if( menuHeight &gt; containerHeight ){\n            $(this).addClass('overflow')\n        }else{\n            $(this).removeClass('overflow')\n        }\n    })\n})\n<\/script&gt;\" style=\"color:#f6f6f4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\"><code><span class=\"line\"><span style=\"color: #F6F6F4\">&lt;<\/span><span style=\"color: #F286C4\">script<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884; font-style: italic\">src<\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/code.jquery.com\/jquery-3.6.0.min.js<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\">&gt;&lt;\/<\/span><span style=\"color: #F286C4\">script<\/span><span style=\"color: #F6F6F4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">&lt;<\/span><span style=\"color: #F286C4\">script<\/span><span style=\"color: #F6F6F4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">var $ = jQuery<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">$(document).ready(function()<\/span><span style=\"color: #F286C4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">hoveDefault<\/span><span style=\"color: #F6F6F4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-left .elementor-icon-list-text<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">eq<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">trigger<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">mouseover<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">openMenu<\/span><span style=\"color: #F6F6F4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-image-menu<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">addClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">showing<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">closemenu<\/span><span style=\"color: #F6F6F4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-image-menu<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">removeClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">showing<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">setTimeout<\/span><span style=\"color: #F6F6F4\">(hoveDefault, <\/span><span style=\"color: #BF9EEE\">500<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-image-menu<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">find<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-widget-icon-list ul li<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">each<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">var<\/span><span style=\"color: #F6F6F4\"> index <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">index<\/span><span style=\"color: #F6F6F4\">()<\/span><span style=\"color: #F286C4\">+<\/span><span style=\"color: #BF9EEE\">1<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">css<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">--index<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">, index)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">})<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-open<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">on<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">click<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">, openMenu)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-close<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">on<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">click<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">, closemenu)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #7B7F8B\">\/* If Link is #id then Close Menu *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-left a<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">on<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">click<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">, <\/span><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #FFB86C; font-style: italic\">e<\/span><span style=\"color: #F6F6F4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">var<\/span><span style=\"color: #F6F6F4\"> link <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">attr<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">href<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">if<\/span><span style=\"color: #F6F6F4\">(link){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        <\/span><span style=\"color: #F286C4\">if<\/span><span style=\"color: #F6F6F4\">(link <\/span><span style=\"color: #F286C4\">==<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">#<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">            e.<\/span><span style=\"color: #62E884\">preventDefault<\/span><span style=\"color: #F6F6F4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        <\/span><span style=\"color: #F286C4\">if<\/span><span style=\"color: #F6F6F4\">( link.length <\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">&amp;&amp;<\/span><span style=\"color: #F6F6F4\"> link.<\/span><span style=\"color: #62E884\">startsWith<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">#<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">) ){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">            <\/span><span style=\"color: #62E884\">closemenu<\/span><span style=\"color: #F6F6F4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        }    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">})<\/span><\/span>\n<span class=\"line\"><span style=\"color: #7B7F8B\">\/* Image and Color Change on Menu Item Hover *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-left .elementor-icon-list-text<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">hover<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #FFB86C; font-style: italic\">e<\/span><span style=\"color: #F6F6F4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">var<\/span><span style=\"color: #F6F6F4\"> $this <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">),<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    index <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> $this.<\/span><span style=\"color: #62E884\">closest<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-icon-list-item<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">index<\/span><span style=\"color: #F6F6F4\">(),<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    currentImage <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-right .elementor-widget-spacer<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">eq<\/span><span style=\"color: #F6F6F4\">(index),<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    color <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> currentImage.<\/span><span style=\"color: #62E884\">find<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-widget-container<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">css<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">background-color<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">$this.<\/span><span style=\"color: #62E884\">closest<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-image-menu<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">css<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">background-color<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">, color)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">if<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #F286C4\">!<\/span><span style=\"color: #F6F6F4\">currentImage.length) <\/span><span style=\"color: #F286C4\">return<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">$this.<\/span><span style=\"color: #62E884\">closest<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-icon-list-items<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">find<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-icon-list-text<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">removeClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">active<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">if<\/span><span style=\"color: #F6F6F4\">(e.originalEvent){ $this.<\/span><span style=\"color: #62E884\">addClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">active<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">) }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">currentImage.<\/span><span style=\"color: #62E884\">siblings<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-widget-spacer<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">removeClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">active<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">currentImage.<\/span><span style=\"color: #62E884\">addClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">active<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}, <\/span><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\">(){})<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">hoveDefault<\/span><span style=\"color: #F6F6F4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">}<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">\/* Adjust alignment of Left side Menu *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">$(window).on(&#39;load resize&#39;, function()<\/span><span style=\"color: #F286C4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.mdw-menu-left<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">each<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #F286C4\">function<\/span><span style=\"color: #F6F6F4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        <\/span><span style=\"color: #F286C4\">var<\/span><span style=\"color: #F6F6F4\"> containerHeight <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">height<\/span><span style=\"color: #F6F6F4\">(),<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        menuHeight <\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">find<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">.elementor-widget-icon-list<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">outerHeight<\/span><span style=\"color: #F6F6F4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        <\/span><span style=\"color: #F286C4\">if<\/span><span style=\"color: #F6F6F4\">( menuHeight <\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\"> containerHeight ){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">            <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">addClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">overflow<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        }<\/span><span style=\"color: #F286C4\">else<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">            <\/span><span style=\"color: #62E884\">$<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #BF9EEE; font-style: italic\">this<\/span><span style=\"color: #F6F6F4\">).<\/span><span style=\"color: #62E884\">removeClass<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">overflow<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    })<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">}<\/span><span style=\"color: #F6F6F4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">&lt;\/<\/span><span style=\"color: #F286C4\">script<\/span><span style=\"color: #F6F6F4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\">JavaScript<\/span><\/div>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-black-color has-text-color\">Fragmento de c\u00f3digo CSS en el contenedor derecho del men\u00fa (mdw-menu-right):<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"selector .elementor-widget-spacer{\n    opacity: 0;\n    transition: all 0.4s ease-in-out;\n}\nselector .elementor-widget-spacer:nth-child(1),\nselector .elementor-widget-spacer.active{\n    opacity: 1;\n}\n.mdw-menu-close .elementor-widget-divider{\n    width: 100% !important;\n    flex-grow: 0;\n}\n\n@media(max-width:767px){\nselector{\n    position: absolute;\n    height: 100%;\n    z-index: 0;\n}   \n}\" style=\"color:#f6f6f4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\"><code><span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-spacer<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transition<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">all<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0.4<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">ease-in-out<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-spacer<\/span><span style=\"color: #F286C4; font-style: italic\">:<\/span><span style=\"color: #62E884; font-style: italic\">nth-child<\/span><span style=\"color: #F286C4\">(<\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F286C4\">)<\/span><span style=\"color: #F6F6F4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-spacer.active<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">opacity<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">1<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884; font-style: italic\">.mdw-menu-close<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-divider<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">width<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">100<\/span><span style=\"color: #F286C4\">%<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">!important<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">flex-grow<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">@media<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #97E1F1\">max-width<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #BF9EEE\">767<\/span><span style=\"color: #F286C4\">px<\/span><span style=\"color: #F6F6F4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">position<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">absolute<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">height<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">100<\/span><span style=\"color: #F286C4\">%<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">z-index<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}   <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\">CSS<\/span><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-black-color has-text-color\"><br>Fragmento de c\u00f3digo CSS en el widget de lista de iconos:<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"selector{\n    --hover-color: #ffffff;\n    --mobile-color: #000000;\n    --mobile-background: #ffffff;\n}\nselector .elementor-icon-list-text{\n    transition: all 0.3s ease-in-out;\n}\nselector .elementor-icon-list-text.active{\n    color: var(--hover-color, #fff);\n}\nselector a:focus{\n    outline: none;\n}\n\n@media (max-width: 767px){\nselector .elementor-icon-list-text{\n    background: var(--mobile-background, #fff);\n    padding: 8px 10px;\n}\nselector .elementor-icon-list-text,\nselector .elementor-icon-list-text.active{\n    color: var(--mobile-color, #000) !important;\n}\n}\" style=\"color:#f6f6f4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\"><code><span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    --hover-color<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">#ffffff<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    --mobile-color<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">#000000<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    --mobile-background<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">#ffffff<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-icon-list-text<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">transition<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">all<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">0.3<\/span><span style=\"color: #F286C4\">s<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">ease-in-out<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-icon-list-text.active<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">color<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">var<\/span><span style=\"color: #F6F6F4\">(--hover-color, <\/span><span style=\"color: #BF9EEE\">#fff<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector a<\/span><span style=\"color: #F286C4; font-style: italic\">:<\/span><span style=\"color: #62E884; font-style: italic\">focus<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">outline<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">@media<\/span><span style=\"color: #F6F6F4\"> (<\/span><span style=\"color: #97E1F1\">max-width<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">767<\/span><span style=\"color: #F286C4\">px<\/span><span style=\"color: #F6F6F4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-icon-list-text<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">background<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">var<\/span><span style=\"color: #F6F6F4\">(--mobile-background, <\/span><span style=\"color: #BF9EEE\">#fff<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">padding<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">8<\/span><span style=\"color: #F286C4\">px<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">10<\/span><span style=\"color: #F286C4\">px<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-icon-list-text<\/span><span style=\"color: #F6F6F4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-icon-list-text.active<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">color<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">var<\/span><span style=\"color: #F6F6F4\">(--mobile-color, <\/span><span style=\"color: #BF9EEE\">#000<\/span><span style=\"color: #F6F6F4\">) <\/span><span style=\"color: #F286C4\">!important<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\">CSS<\/span><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-black-color has-text-color\"><br>Fragmento de c\u00f3digo CSS en el contenedor izquierdo del men\u00fa (mdw-menu-left):<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"selector{\n    height: var(--h);\n}\nselector.overflow::-webkit-scrollbar {\n    display: none;\n}\nselector.overflow{\n    justify-content: flex-start;\n    overflow-y: scroll;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n}\nselector .elementor-widget-html{\n    display: none;\n}\" style=\"color:#f6f6f4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\"><code><span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">height<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #97E1F1\">var<\/span><span style=\"color: #F6F6F4\">(--h);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #62E884; font-style: italic\">.overflow<\/span><span style=\"color: #F286C4; font-style: italic\">::<\/span><span style=\"color: #62E884; font-style: italic\">-webkit-scrollbar<\/span><span style=\"color: #F6F6F4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">display<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector<\/span><span style=\"color: #62E884; font-style: italic\">.overflow<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">justify-content<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">flex-start<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">overflow-y<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">scroll<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1; font-style: italic\">-ms-overflow-style<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">scrollbar-width<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">selector <\/span><span style=\"color: #62E884; font-style: italic\">.elementor-widget-html<\/span><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #97E1F1\">display<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">none<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\">CSS<\/span><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">Si has seguido los pasos del video entonces acabas de lograr un men\u00fa de ancho completo muy bonito, interactivo, responsivo, de grandes proporciones y alcances.<br>Te invito a continuar practicando y ver el turorial cuantas veces sea necesario, recuerda que practicando es como lograr\u00e1s aprender y fortalecer el conocimiento que acabas de adquirir.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">Si tienes preguntas recuerda que estoy siempre dispuesto a responder a todas tus preguntas en nuestro <a href=\"https:\/\/gigacore.io\/docs\/grupos\/wordpress\/foro\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">foro de WordPress<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Imagina el men\u00fa principal de tu sitio web con un ancho completo, es decir, que abarca toda tu pantalla y que al acercar el mouse a cada elemento del men\u00fa, \u00e9ste cambie la imagen de presentaci\u00f3n de esa secci\u00f3n en espec\u00edfico, piensa en las inmensas posibilidades y pong\u00e1monos manos a&#8230;<\/p>\n","protected":false},"author":3359,"featured_media":68681,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3500],"tags":[],"class_list":["post-68390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disena-con-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Men\u00fa de ancho completo con Elementor Pro - Documentacion Gigacore<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Men\u00fa de ancho completo con Elementor Pro - Documentacion Gigacore\" \/>\n<meta property=\"og:description\" content=\"Imagina el men\u00fa principal de tu sitio web con un ancho completo, es decir, que abarca toda tu pantalla y que al acercar el mouse a cada elemento del men\u00fa, \u00e9ste cambie la imagen de presentaci\u00f3n de esa secci\u00f3n en espec\u00edfico, piensa en las inmensas posibilidades y pong\u00e1monos manos a...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentacion Gigacore\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/gigacore.io\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-12T22:30:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-21T15:11:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2023\/04\/ancho-completo-elementor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"802\" \/>\n\t<meta property=\"og:image:height\" content=\"274\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alejandro Mendoza\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandro Mendoza\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/\"},\"author\":{\"name\":\"Alejandro Mendoza\",\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#\\\/schema\\\/person\\\/74e75aa43be045b0e3e024f19e45794d\"},\"headline\":\"Men\u00fa de ancho completo con Elementor Pro\",\"datePublished\":\"2023-04-12T22:30:40+00:00\",\"dateModified\":\"2023-04-21T15:11:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/\"},\"wordCount\":383,\"publisher\":{\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ancho-completo-elementor.png\",\"articleSection\":[\"Dise\u00f1a con Elementor\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/\",\"url\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/\",\"name\":\"Men\u00fa de ancho completo con Elementor Pro - Documentacion Gigacore\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ancho-completo-elementor.png\",\"datePublished\":\"2023-04-12T22:30:40+00:00\",\"dateModified\":\"2023-04-21T15:11:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#primaryimage\",\"url\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ancho-completo-elementor.png\",\"contentUrl\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/ancho-completo-elementor.png\",\"width\":802,\"height\":274,\"caption\":\"ancho completo en elementor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/menu-de-ancho-completo-con-elementor-pro\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/aprende.gigacore.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Men\u00fa de ancho completo con Elementor Pro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#website\",\"url\":\"https:\\\/\\\/aprende.gigacore.io\\\/\",\"name\":\"Documentacion Gigacore\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aprende.gigacore.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#organization\",\"name\":\"Gigacore\",\"url\":\"https:\\\/\\\/aprende.gigacore.io\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/cropped-cropped-cropped-aprende.png\",\"contentUrl\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/cropped-cropped-cropped-aprende.png\",\"width\":444,\"height\":111,\"caption\":\"Gigacore\"},\"image\":{\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/gigacore.io\",\"https:\\\/\\\/youtube.com\\\/@gigacore-io\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/aprende.gigacore.io\\\/#\\\/schema\\\/person\\\/74e75aa43be045b0e3e024f19e45794d\",\"name\":\"Alejandro Mendoza\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/litespeed\\\/avatar\\\/b2cbe80537a314088ff25faa8d766725.jpg?ver=1777357563\",\"url\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/litespeed\\\/avatar\\\/b2cbe80537a314088ff25faa8d766725.jpg?ver=1777357563\",\"contentUrl\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/wp-content\\\/litespeed\\\/avatar\\\/b2cbe80537a314088ff25faa8d766725.jpg?ver=1777357563\",\"caption\":\"Alejandro Mendoza\"},\"description\":\"TCS | Especialista en Soporte T\u00e9cnico Nivel II en NODORED.COM\",\"url\":\"https:\\\/\\\/gigacore.io\\\/docs\\\/author\\\/alejandro\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Men\u00fa de ancho completo con Elementor Pro - Documentacion Gigacore","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:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/","og_locale":"es_ES","og_type":"article","og_title":"Men\u00fa de ancho completo con Elementor Pro - Documentacion Gigacore","og_description":"Imagina el men\u00fa principal de tu sitio web con un ancho completo, es decir, que abarca toda tu pantalla y que al acercar el mouse a cada elemento del men\u00fa, \u00e9ste cambie la imagen de presentaci\u00f3n de esa secci\u00f3n en espec\u00edfico, piensa en las inmensas posibilidades y pong\u00e1monos manos a...","og_url":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/","og_site_name":"Documentacion Gigacore","article_publisher":"https:\/\/www.facebook.com\/gigacore.io","article_published_time":"2023-04-12T22:30:40+00:00","article_modified_time":"2023-04-21T15:11:24+00:00","og_image":[{"width":802,"height":274,"url":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2023\/04\/ancho-completo-elementor.png","type":"image\/png"}],"author":"Alejandro Mendoza","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alejandro Mendoza","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#article","isPartOf":{"@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/"},"author":{"name":"Alejandro Mendoza","@id":"https:\/\/aprende.gigacore.io\/#\/schema\/person\/74e75aa43be045b0e3e024f19e45794d"},"headline":"Men\u00fa de ancho completo con Elementor Pro","datePublished":"2023-04-12T22:30:40+00:00","dateModified":"2023-04-21T15:11:24+00:00","mainEntityOfPage":{"@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/"},"wordCount":383,"publisher":{"@id":"https:\/\/aprende.gigacore.io\/#organization"},"image":{"@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2023\/04\/ancho-completo-elementor.png","articleSection":["Dise\u00f1a con Elementor"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/","url":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/","name":"Men\u00fa de ancho completo con Elementor Pro - Documentacion Gigacore","isPartOf":{"@id":"https:\/\/aprende.gigacore.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#primaryimage"},"image":{"@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2023\/04\/ancho-completo-elementor.png","datePublished":"2023-04-12T22:30:40+00:00","dateModified":"2023-04-21T15:11:24+00:00","breadcrumb":{"@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#primaryimage","url":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2023\/04\/ancho-completo-elementor.png","contentUrl":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2023\/04\/ancho-completo-elementor.png","width":802,"height":274,"caption":"ancho completo en elementor"},{"@type":"BreadcrumbList","@id":"https:\/\/gigacore.io\/docs\/menu-de-ancho-completo-con-elementor-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/aprende.gigacore.io\/"},{"@type":"ListItem","position":2,"name":"Men\u00fa de ancho completo con Elementor Pro"}]},{"@type":"WebSite","@id":"https:\/\/aprende.gigacore.io\/#website","url":"https:\/\/aprende.gigacore.io\/","name":"Documentacion Gigacore","description":"","publisher":{"@id":"https:\/\/aprende.gigacore.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aprende.gigacore.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/aprende.gigacore.io\/#organization","name":"Gigacore","url":"https:\/\/aprende.gigacore.io\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/aprende.gigacore.io\/#\/schema\/logo\/image\/","url":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2024\/06\/cropped-cropped-cropped-aprende.png","contentUrl":"https:\/\/gigacore.io\/docs\/wp-content\/uploads\/2024\/06\/cropped-cropped-cropped-aprende.png","width":444,"height":111,"caption":"Gigacore"},"image":{"@id":"https:\/\/aprende.gigacore.io\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/gigacore.io","https:\/\/youtube.com\/@gigacore-io"]},{"@type":"Person","@id":"https:\/\/aprende.gigacore.io\/#\/schema\/person\/74e75aa43be045b0e3e024f19e45794d","name":"Alejandro Mendoza","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/gigacore.io\/docs\/wp-content\/litespeed\/avatar\/b2cbe80537a314088ff25faa8d766725.jpg?ver=1777357563","url":"https:\/\/gigacore.io\/docs\/wp-content\/litespeed\/avatar\/b2cbe80537a314088ff25faa8d766725.jpg?ver=1777357563","contentUrl":"https:\/\/gigacore.io\/docs\/wp-content\/litespeed\/avatar\/b2cbe80537a314088ff25faa8d766725.jpg?ver=1777357563","caption":"Alejandro Mendoza"},"description":"TCS | Especialista en Soporte T\u00e9cnico Nivel II en NODORED.COM","url":"https:\/\/gigacore.io\/docs\/author\/alejandro\/"}]}},"_links":{"self":[{"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/posts\/68390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/users\/3359"}],"replies":[{"embeddable":true,"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/comments?post=68390"}],"version-history":[{"count":0,"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/posts\/68390\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/media\/68681"}],"wp:attachment":[{"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/media?parent=68390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/categories?post=68390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gigacore.io\/docs\/wp-json\/wp\/v2\/tags?post=68390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}