{"id":7788,"date":"2024-11-07T09:47:58","date_gmt":"2024-11-07T08:47:58","guid":{"rendered":"https:\/\/elementorprobarato.com\/?p=7788"},"modified":"2024-11-07T17:22:07","modified_gmt":"2024-11-07T16:22:07","slug":"mega-menu-con-imagenes-que-cambian","status":"publish","type":"post","link":"https:\/\/elementorprobarato.com\/en\/mega-menu-con-imagenes-que-cambian\/","title":{"rendered":"Mega men\u00fa con im\u00e1genes que cambian"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"7788\" class=\"elementor elementor-7788\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-833142c e-flex e-con-boxed e-con e-parent\" data-id=\"833142c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42a0fb1 elementor-widget elementor-widget-image\" data-id=\"42a0fb1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"328\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png\" class=\"attachment-large size-large wp-image-8010\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png 1024w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada-300x123.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada-768x315.png 768w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada-18x7.png 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada-600x246.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b70bea elementor-widget elementor-widget-heading\" data-id=\"4b70bea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El sue\u00f1o de cualquier dise\u00f1ador un poco friki<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aca11cc elementor-widget elementor-widget-text-editor\" data-id=\"aca11cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Elementor Pro nos regal\u00f3 hace unas pocas versiones el widget de megamen\u00fa, bueno, en realidad se llama simplemente <strong>men\u00fa<\/strong>, que nos permite \u00abjugar\u00bb con los elementos que ponemos en el men\u00fa.<\/p><p>As\u00ed que hoy vamos un paso mas all\u00e1 y crearemos un men\u00fa con varias columnas, y que una de ellas sea una imagen que cambie al pasar encima de un enlace del men\u00fa.<\/p><p>Te dejo un ejemplo que hice para una <b>empresa de reformas<\/b> y ves como va a quedar:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b6322d4 e-flex e-con-boxed e-con e-parent\" data-id=\"5b6322d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5f09684c e-con-full e-flex e-con e-child\" data-id=\"5f09684c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-426eab8b elementor-widget-tablet__width-initial elementor-widget__width-initial e-full_width e-n-menu-layout-horizontal e-n-menu-tablet elementor-widget elementor-widget-n-menu\" data-id=\"426eab8b\" data-element_type=\"widget\" data-settings=\"{&quot;menu_items&quot;:[{&quot;item_title&quot;:&quot;Inicio&quot;,&quot;_id&quot;:&quot;afe30be&quot;,&quot;__dynamic__&quot;:{&quot;item_link&quot;:&quot;[elementor-tag id=\\&quot;abdbb04\\&quot; name=\\&quot;site-url\\&quot; settings=\\&quot;%7B%7D\\&quot;]&quot;},&quot;item_link&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/elementorprobarato.com\\\/en&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_dropdown_content&quot;:&quot;no&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Servicios&quot;,&quot;_id&quot;:&quot;a9a5720&quot;,&quot;item_dropdown_content&quot;:&quot;yes&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Quienes somos&quot;,&quot;__dynamic__&quot;:[],&quot;item_dropdown_content&quot;:&quot;&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;#&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;_id&quot;:&quot;c52b9ce&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Contacto&quot;,&quot;__dynamic__&quot;:[],&quot;item_link&quot;:{&quot;url&quot;:&quot;#&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_dropdown_content&quot;:&quot;&quot;,&quot;_id&quot;:&quot;b53aedb&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Blog&quot;,&quot;__dynamic__&quot;:[],&quot;item_link&quot;:{&quot;url&quot;:&quot;#&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_dropdown_content&quot;:&quot;&quot;,&quot;_id&quot;:&quot;3e87b20&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;}],&quot;item_position_horizontal&quot;:&quot;center&quot;,&quot;open_animation&quot;:&quot;fadeIn&quot;,&quot;item_position_horizontal_tablet&quot;:&quot;center&quot;,&quot;horizontal_scroll_tablet&quot;:&quot;disable&quot;,&quot;menu_item_title_distance_from_content&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;content_width&quot;:&quot;full_width&quot;,&quot;item_layout&quot;:&quot;horizontal&quot;,&quot;open_on&quot;:&quot;hover&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;,&quot;breakpoint_selector&quot;:&quot;tablet&quot;,&quot;menu_item_title_distance_from_content_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"mega-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"e-n-menu\" data-widget-number=\"111\" aria-label=\"Menu\">\n\t\t\t\t\t<button class=\"e-n-menu-toggle\" id=\"menu-toggle-111\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"menubar-111\" aria-label=\"Menu Toggle\">\n\t\t\t<span class=\"e-n-menu-toggle-icon e-open\">\n\t\t\t\t<i class=\"eicon-menu-bar\"><\/i>\t\t\t<\/span>\n\t\t\t<span class=\"e-n-menu-toggle-icon e-close\">\n\t\t\t\t<i class=\"eicon-close\"><\/i>\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<div class=\"e-n-menu-wrapper\" id=\"menubar-111\" aria-labelledby=\"menu-toggle-111\">\n\t\t\t\t<ul class=\"e-n-menu-heading\">\n\t\t\t\t\t\t\t\t<li class=\"e-n-menu-item\">\n\t\t\t\t<div id=\"e-n-menu-title-1111\" class=\"e-n-menu-title\">\n\t\t\t\t\t<a class=\"e-n-menu-title-container e-focus e-link\" href=\"https:\/\/elementorprobarato.com\/en\">\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-n-menu-title-text\">\n\t\t\t\t\t\t\tInicio\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t<li class=\"e-n-menu-item\">\n\t\t\t\t<div id=\"e-n-menu-title-1112\" class=\"e-n-menu-title\">\n\t\t\t\t\t<div class=\"e-n-menu-title-container\">\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-n-menu-title-text\">\n\t\t\t\t\t\t\tServicios\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\t\t\t\t\t\t\t\t\t\t\t<button id=\"e-n-menu-dropdown-icon-1112\" class=\"e-n-menu-dropdown-icon e-focus\" data-tab-index=\"2\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"e-n-menu-content-1112\" >\n\t\t\t\t\t\t\t<span class=\"e-n-menu-dropdown-icon-opened\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-caret-up\"><\/i>\t\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Close Servicios<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"e-n-menu-dropdown-icon-closed\">\n\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-caret-down\"><\/i>\t\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Open Servicios<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"e-n-menu-content\">\n\t\t\t\t\t\t<div id=\"e-n-menu-content-1112\" data-tab-index=\"2\" aria-labelledby=\"e-n-menu-dropdown-icon-1112\" class=\"elementor-element elementor-element-328cf4bf e-flex e-con-boxed e-con e-child\" data-id=\"328cf4bf\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-651951eb e-con-full e-flex e-con e-child\" data-id=\"651951eb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d9a2892 e-con-full e-flex e-con e-child\" data-id=\"d9a2892\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-272639e7 e-con-full enlace-1 e-flex e-con e-child\" data-id=\"272639e7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f47b1af elementor-widget elementor-widget-text-editor\" data-id=\"6f47b1af\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">REFORMAS<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-192b3183 e-con-full enlace-2 e-flex e-con e-child\" data-id=\"192b3183\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d252f31 elementor-widget elementor-widget-text-editor\" data-id=\"4d252f31\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">INSTALACIONES<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3feeaa29 e-con-full enlace-3 e-flex e-con e-child\" data-id=\"3feeaa29\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38b9e78 elementor-widget elementor-widget-text-editor\" data-id=\"38b9e78\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">SOLAR FV<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78b50b33 e-con-full enlace-4 e-flex e-con e-child\" data-id=\"78b50b33\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7a3093 elementor-widget elementor-widget-text-editor\" data-id=\"f7a3093\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">T\u00c9CNICOS<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73119472 e-con-full enlace-5 e-flex e-con e-child\" data-id=\"73119472\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-320e34ae elementor-widget elementor-widget-text-editor\" data-id=\"320e34ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">LAMPISTER\u00cdA<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33c8e8b6 e-con-full enlace-6 e-flex e-con e-child\" data-id=\"33c8e8b6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37440d08 elementor-widget elementor-widget-text-editor\" data-id=\"37440d08\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">CLIMA<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c4a38b8 e-con-full enlace-7 e-flex e-con e-child\" data-id=\"7c4a38b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d101a6 elementor-widget elementor-widget-text-editor\" data-id=\"57d101a6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"#\">PCI<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-424767b4 e-con-full foto-contenedor elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"424767b4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72086a7d e-con-full e-flex e-con e-child\" data-id=\"72086a7d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12116ed8 elementor-widget elementor-widget-html\" data-id=\"12116ed8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n\r\n\/\/ enlace 1 REFORMES\r\njQuery(\".enlace-1\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/reformes.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\"); \/\/ Change url\r\n});\r\n\r\n\/\/ enlace 2 INSTALACIONS\r\njQuery(\".enlace-2\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/installacions.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\"); \/\/ Change url\r\n});\r\n\r\n\/\/ enlace 3 SOLAR FV\r\njQuery(\".enlace-3\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/solar.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ enlace 4 TECNICS\r\njQuery(\".enlace-4\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/tecnicos.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ enlace 5 LAMPISTERIA\r\njQuery(\".enlace-5\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/lampista-fontanero.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ enlace 6 CLIMA\r\njQuery(\".enlace-6\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/clima.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ enlace 7 PCI\r\njQuery(\".enlace-7\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/PCI.jpg)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t<li class=\"e-n-menu-item\">\n\t\t\t\t<div id=\"e-n-menu-title-1113\" class=\"e-n-menu-title e-anchor\">\n\t\t\t\t\t<a class=\"e-n-menu-title-container e-focus e-link\" href=\"#\" aria-current=\"page\">\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-n-menu-title-text\">\n\t\t\t\t\t\t\tQuienes somos\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t<li class=\"e-n-menu-item\">\n\t\t\t\t<div id=\"e-n-menu-title-1114\" class=\"e-n-menu-title e-anchor\">\n\t\t\t\t\t<a class=\"e-n-menu-title-container e-focus e-link\" href=\"#\" aria-current=\"page\">\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-n-menu-title-text\">\n\t\t\t\t\t\t\tContact\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t<li class=\"e-n-menu-item\">\n\t\t\t\t<div id=\"e-n-menu-title-1115\" class=\"e-n-menu-title e-anchor\">\n\t\t\t\t\t<a class=\"e-n-menu-title-container e-focus e-link\" href=\"#\" aria-current=\"page\">\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-n-menu-title-text\">\n\t\t\t\t\t\t\tBlog\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-735d293 e-flex e-con-boxed e-con e-parent\" data-id=\"735d293\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c604610 elementor-widget elementor-widget-heading\" data-id=\"c604610\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Empieza a dise\u00f1ar tu Mega men\u00fa con im\u00e1genes que cambian, o simplemente desc\u00e1rgalo como plantilla<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb52748 elementor-widget elementor-widget-text-editor\" data-id=\"cb52748\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Lo mejor de todo es que no vamos a necesitar ning\u00fan recurso externo ni plugin, simplemente con las herramientas que nos d\u00e1 elementor Pro y un simple c\u00f3digo que te voy a mostrar.<\/p><p>\u00bfQu\u00e9 a\u00fan no tienes elementor Pro? <b>c\u00f3mpralo hoy mismo<\/b> con un descuento exclusivo.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0805bb1 e-flex e-con-boxed e-con e-parent\" data-id=\"0805bb1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4a1841e e-con-full e-flex e-con e-child\" data-id=\"4a1841e\" data-element_type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86f5593 elementor-add-to-cart--align-center elementor-widget elementor-widget-wc-add-to-cart\" data-id=\"86f5593\" data-element_type=\"widget\" data-widget_type=\"wc-add-to-cart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a rel=\"nofollow\" href=\"?add-to-cart=3412\" data-quantity=\"1\" data-product_id=\"3412\" class=\"product_type_subscription add_to_cart_button ajax_add_to_cart elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-shopping-cart\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Elementor Pro for <strong>a website<\/strong> for only <span class=\"woocommerce-Price-amount amount\"><bdi>8,95<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-450ced1 elementor-add-to-cart--align-center elementor-widget elementor-widget-wc-add-to-cart\" data-id=\"450ced1\" data-element_type=\"widget\" data-widget_type=\"wc-add-to-cart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a rel=\"nofollow\" href=\"?add-to-cart=3414\" data-quantity=\"1\" data-product_id=\"3414\" class=\"product_type_subscription add_to_cart_button ajax_add_to_cart elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-shopping-cart\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Elementor Pro for <strong>three websites<\/strong> for only <span class=\"woocommerce-Price-amount amount\"><bdi>23,95<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d81ee23 elementor-add-to-cart--align-center elementor-widget elementor-widget-wc-add-to-cart\" data-id=\"d81ee23\" data-element_type=\"widget\" data-widget_type=\"wc-add-to-cart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a rel=\"nofollow\" href=\"?add-to-cart=3415\" data-quantity=\"1\" data-product_id=\"3415\" class=\"product_type_subscription add_to_cart_button ajax_add_to_cart elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-shopping-cart\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Elementor Pro for <strong>five websites<\/strong> for only <span class=\"woocommerce-Price-amount amount\"><bdi>34,95<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6c1d52 e-flex e-con-boxed e-con e-parent\" data-id=\"f6c1d52\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e88f1d6 elementor-widget elementor-widget-text-editor\" data-id=\"e88f1d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si lo que quieres es usar el que yo he creado o modificarlo a tu gusto, lo puedes descargar y a\u00f1adirlo a tu cabecera como plantilla .json, te dejar\u00e9 el enlace mas abajo.<\/p><p>Si te lo quieres hacer a medida, qu\u00e9date que te explico el proceso.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1e519e elementor-widget elementor-widget-heading\" data-id=\"d1e519e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Activa la funci\u00f3n Men\u00fa desde los ajustes de elementor<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4508f97 elementor-widget elementor-widget-text-editor\" data-id=\"4508f97\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Elementor pro va a\u00f1adiendo nuevas funciones como esta, y es posible que aunque ahora es una versi\u00f3n Beta, cuando estes viendo este tutorial ya est\u00e9 activada por defecto, sin\u00f3 tendr\u00e1s que activarla.<\/p><p>Te vas al backoffice y entra en <strong>Elementor\/Ajustes<\/strong> y en la pesta\u00f1a <strong>Features<\/strong>, activa la funci\u00f3n <strong>Men\u00fa<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dac499 elementor-widget elementor-widget-image\" data-id=\"6dac499\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"activar nueva funci\u00f3n de men\u00fa en elementor\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzgxOSwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzExXC9hY3RpdmFyLW51ZXZhLWZ1bmNpb24tZGUtbWVudS1lbi1lbGVtZW50b3IucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"147\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor.png\" class=\"attachment-full size-full wp-image-7819\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor.png 1024w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor-300x43.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor-768x110.png 768w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor-18x3.png 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/activar-nueva-funcion-de-menu-en-elementor-600x86.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-357c4b6 elementor-widget elementor-widget-heading\" data-id=\"357c4b6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inserta el widget de men\u00fa donde quieras<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8f24d5 e-con-full e-flex e-con e-child\" data-id=\"f8f24d5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e29850 elementor-widget elementor-widget-image\" data-id=\"5e29850\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"189\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-menu-300x189.png\" class=\"attachment-medium size-medium wp-image-7845\" alt=\"Mega men\u00fa con im\u00e1genes que cambian\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-menu-300x189.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-menu-18x12.png 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-menu.png 318w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0849ec9 elementor-widget elementor-widget-text-editor\" data-id=\"0849ec9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si est\u00e1s editando el header pues perfecto, pero tambi\u00e9n lo puedes poner en otro sitio o en una p\u00e1gina de prueba.<\/p><p>OJO: no confundas el widget, este se llama <strong>Men\u00fa<\/strong>, y no <strong>Men\u00fa WordPress<\/strong> (que es el antiguo).<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d03af07 e-flex e-con-boxed e-con e-parent\" data-id=\"d03af07\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dbaa37 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6dbaa37\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Cuando lo hayas hecho, ver\u00e1s que aparecen unos elementos de ejemplo, pues bien, si expandes uno de ellos (por ejemplo el <b>elemento 2<\/b>) ver\u00e1s un interruptor que pone <b>Contenido desplegable<\/b>, m\u00e1rcalo.<\/p><p>Como habr\u00e1s visto al clicar ese elemento, se te desplega una secci\u00f3n de elementor en la que puedes poner los widgets o secciones que quieras.<\/p><p>Yo para este ejemplo he a\u00f1adido un contenedor y lo he duplicado para que uno quede encima del otro, el motivo es que en el de arriba estar\u00e1 el men\u00fa y en el de abajo el widget HTML con el c\u00f3digo.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a94ab18 elementor-widget elementor-widget-image\" data-id=\"a94ab18\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/contenido-desplegable.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"contenido desplegable\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Nzg1NiwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzExXC9jb250ZW5pZG8tZGVzcGxlZ2FibGUucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"547\" height=\"394\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/contenido-desplegable.png\" class=\"attachment-large size-large wp-image-7856\" alt=\"Contenido desplegable del Mega men\u00fa con im\u00e1genes que cambian\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/contenido-desplegable.png 547w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/contenido-desplegable-300x216.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/contenido-desplegable-18x12.png 18w\" sizes=\"(max-width: 547px) 100vw, 547px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ed9361 e-flex e-con-boxed e-con e-parent\" data-id=\"4ed9361\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f780b98 elementor-widget elementor-widget-heading\" data-id=\"f780b98\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Empezamos a construir el Mega men\u00fa con im\u00e1genes que cambian<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-837551f elementor-widget elementor-widget-text-editor\" data-id=\"837551f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>No perdamos mas tiempo y vamos a crear el Mega men\u00fa con im\u00e1genes que cambian.<\/p><p>Si no tienes activado el Flexbox en <strong>Elementor\/Ajustes<\/strong> y en la pesta\u00f1a <strong>Features<\/strong>, este es el momento, porque te va a dar mas facilidad de manejo.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5e337e elementor-widget elementor-widget-heading\" data-id=\"c5e337e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A\u00f1ade los medios que tu quieras<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aae33b2 elementor-widget elementor-widget-text-editor\" data-id=\"aae33b2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Sube a tu archivo de medios las im\u00e1genes que vayas a usar, te aconsejo que todas tengan el mismo formato y que no pesen demasiado, para que no ralentice la carga de tu web.<\/p><p>Junto con el archivo .json del Mega men\u00fa terminado, te dejar\u00e1 unas im\u00e1genes por si quieres hacer este tutorial con mis im\u00e1genes, que son de 600x600px.<\/p><p>Deja abierta la pesta\u00f1a de medios porque vamos a necesitar las URL de esas im\u00e1genes para pegarlas en el widget HTML, sustituyendo esas URL en el sitio donde pone <b>PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE<\/b>.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43118fa elementor-widget elementor-widget-heading\" data-id=\"43118fa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">La estructura del Mega men\u00fa con im\u00e1genes que cambian<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3609b63 elementor-widget elementor-widget-text-editor\" data-id=\"3609b63\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>De los dos contenedores que has puesto (uno arriba y el otro abajo) en el de arriba has de arrastrar un contenedor doble (uno al lado de otro).<\/p><p>El de la izquierda te servir\u00e1 para poner los 7 enlaces (o los que quieras) y en el de la derecha, la imagen que tiene que cambiar al pasar por encima de los enlaces.<\/p><p>Te deber\u00eda quedar como te muestro:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-751847f elementor-widget elementor-widget-image\" data-id=\"751847f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"estructura del megamenu\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Nzg5OSwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzExXC9lc3RydWN0dXJhLWRlbC1tZWdhbWVudS5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"349\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu.png\" class=\"attachment-full size-full wp-image-7899\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu.png 1280w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-300x82.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-1024x279.png 1024w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-768x209.png 768w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-18x5.png 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-600x164.png 600w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a20e1f elementor-widget elementor-widget-text-editor\" data-id=\"9a20e1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Ahora simplemente arrastra los 7 elementos que han de aparecer como enlaces, podr\u00edas poner un widget de Encabezado o incluso un widget de bot\u00f3n, pero yo me decanto por la sencillez y pondr\u00e9 un simple editor de texto con el texto <b>Enlace 1<\/b>, otro editor de texto con el texto <b>Enlace 2<\/b>&#8230; ya sabes, asi sucesivamente.<\/p><p>Eso si, que cada enlace tenga su propio contenedor que lo envuelva, tal como aparece aqu\u00ed:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf5b25b elementor-widget elementor-widget-image\" data-id=\"cf5b25b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"estructura del megamenu enlaces\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzkwNCwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzExXC9lc3RydWN0dXJhLWRlbC1tZWdhbWVudS1lbmxhY2VzLnBuZyJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"403\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces.png\" class=\"attachment-full size-full wp-image-7904\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces.png 1280w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces-300x94.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces-1024x322.png 1024w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces-768x242.png 768w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces-18x6.png 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/estructura-del-megamenu-enlaces-600x189.png 600w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43b0311 elementor-widget elementor-widget-text-editor\" data-id=\"43b0311\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Obviamente, tendr\u00e1s que enlazar a cada p\u00e1gina que quieras cada texto, pero creo que no hac\u00eda falta decirlo.<\/p><p>No quiero entrar en temas de dise\u00f1o, si tienes un m\u00ednimo de conocimientos de elementor sabr\u00e1s como jugar con los colores, los fondos, las sombras o la separaci\u00f3n entre Huecos de los contenedores para conseguir el aspecto deseado.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59f0024 elementor-widget elementor-widget-heading\" data-id=\"59f0024\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A\u00f1ade las clases css<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53cafeb e-con-full e-flex e-con e-child\" data-id=\"53cafeb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-964bb8d elementor-widget elementor-widget-text-editor\" data-id=\"964bb8d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Para que se muestre cada una de las im\u00e1genes en la secci\u00f3n de la derecha, tenemos que asignar a cada enlace (en realidad a la secci\u00f3n que lo contiene) una clase css.<\/p><p>Para ello seleccionas el contenedor que contiene el <b>Enlace 1<\/b> y te vas a la pesta\u00f1a Avanzado, y en <strong>Clases CSS<\/strong> escribes <b>enlace-1<\/b><\/p><p>Y as\u00ed sucesivamente, <b>ES MUY IMPORTANTE<\/b> que cada una de las secciones que contienen los enlaces (enlace-1, enlace-2, etc.) tenga su propia clase css.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f4bfa0 elementor-widget elementor-widget-image\" data-id=\"4f4bfa0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/clase-css-enlace-1.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"clase css enlace-1\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Nzk0OSwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzExXC9jbGFzZS1jc3MtZW5sYWNlLTEucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"317\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/clase-css-enlace-1.png\" class=\"attachment-large size-large wp-image-7949\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/clase-css-enlace-1.png 430w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/clase-css-enlace-1-300x221.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/clase-css-enlace-1-16x12.png 16w\" sizes=\"(max-width: 430px) 100vw, 430px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c149de e-flex e-con-boxed e-con e-parent\" data-id=\"3c149de\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e063b3 elementor-widget elementor-widget-heading\" data-id=\"1e063b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vamos con las im\u00e1genes de la columna derecha<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4dcfd16 e-con-full e-flex e-con e-child\" data-id=\"4dcfd16\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54f61b2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"54f61b2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/aspecto-de-la-imagen-por-defecto.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"aspecto de la imagen por defecto\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzkwOSwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzExXC9hc3BlY3RvLWRlLWxhLWltYWdlbi1wb3ItZGVmZWN0by5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"354\" height=\"483\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/aspecto-de-la-imagen-por-defecto.png\" class=\"attachment-large size-large wp-image-7909\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/aspecto-de-la-imagen-por-defecto.png 354w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/aspecto-de-la-imagen-por-defecto-220x300.png 220w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/aspecto-de-la-imagen-por-defecto-9x12.png 9w\" sizes=\"(max-width: 354px) 100vw, 354px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a79fad elementor-widget elementor-widget-text-editor\" data-id=\"9a79fad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Selecciona la columna derecha (<b>es un contenedor<\/b>) y si quieres, le pones una imagen de fondo, esto no es obligatorio, pero estar\u00eda bien que se vea algo si no se selecciona ning\u00fan enlace, puede ser el logo de tu empresa o un simple fondo como yo he puesto.<\/p><p>En los ajustes de la imagen escoge la resoluci\u00f3n (no te pases) y ponla centrada, y en tama\u00f1o de pantalla, escoge Cubrir, asi no se quedar\u00e1 ning\u00fan espacio vac\u00edo en el contenedor.<\/p><p>Ahora de la misma forma que hemos hecho en los contenedores de los enlaces, tienes que asignarle <b>una clase css a ese contenedor<\/b> para que muestre las im\u00e1genes seg\u00fan se pase por encima de un enlace u otro.<\/p><p>Esa clase se puede llamar como quieras, pero yo le he llamado<b> .foto-contenedor<\/b><\/p><p>\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0be3fda elementor-widget elementor-widget-heading\" data-id=\"0be3fda\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El contenedor de abajo<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed25280 elementor-widget elementor-widget-text-editor\" data-id=\"ed25280\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si al principio del tutorial hemos hecho que al clicar en un elemento del men\u00fa, aparezca un desplegable y que ese desplegable contenga dos contenedores principales (uno arriba y otro abajo), vamos con el de abajo.<\/p><p>Ahora que ya hemos hecho lo dif\u00edcil, vamos con lo f\u00e1cil: Pegar y adaptar el c\u00f3digo que te dejo.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1134bb e-con-full e-flex e-con e-child\" data-id=\"d1134bb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-441ceb9 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"441ceb9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"153\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-HTML-300x153.png\" class=\"attachment-medium size-medium wp-image-8018\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-HTML-300x153.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-HTML-18x9.png 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/widget-HTML.png 328w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3cb12 elementor-widget elementor-widget-text-editor\" data-id=\"9d3cb12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Arrastra un widget de HTML dentro del contenedor de abajo, esto no se va a mostrar en tu web, el c\u00f3digo que pongas no es visible para los visitantes.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36610a0 elementor-widget elementor-widget-text-editor\" data-id=\"36610a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>En ese widget tienes que pegar el c\u00f3digo que te doy, pero <strong>CUIDADO<\/strong>, donde pone PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE, has de copiar las URL de las fotos (desde tu archivo de medios) y sustituir el texto por la URL.<\/p><p>Si has mantenido el nombre de las clases CSS y si todo lo dem\u00e1s est\u00e1 bien, deber\u00eda funcionar perfectamente.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f47ef51 elementor-widget elementor-widget-heading\" data-id=\"f47ef51\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El c\u00f3digo que has de pegar en el widget HTML<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76d1e60 elementor-widget elementor-widget-text-editor\" data-id=\"76d1e60\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>En el caso del ejemplo, he puesto 7 elementos del submen\u00fa (Enlace 1, Enlace 2&#8230;) si necesitas m\u00e1s, pues copias y pegas, cambiando el jQuery por <b>.enlace-8<\/b> y as\u00ed las sucesivas que necesites, por supuesto, a\u00f1adiendo tambi\u00e9n esa llamada en la clase CSS del contenedor del enlace.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b056bb elementor-widget elementor-widget-code-highlight\" data-id=\"4b056bb\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><script>\r\n\r\n\/\/ Enlace uno REFORMES\r\njQuery(\".enlace-1\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\"); \/\/ Change url\r\n});\r\n\r\n\/\/ Enlace dos INSTALACIONS\r\njQuery(\".enlace-2\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\"); \/\/ Change url\r\n});\r\n\r\n\/\/ Enlace 3 SOLAR FV\r\njQuery(\".enlace-3\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ Enlace 4 TECNICS\r\njQuery(\".enlace-4\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ Enlace 5 LAMPISTERIA\r\njQuery(\".enlace-5\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ Enlace 6 CLIMA\r\njQuery(\".enlace-6\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n\/\/ Enlace 7 PCI\r\njQuery(\".enlace-7\").hover(function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"url(PEGA AQU\u00cd LA URL DE LA FOTO QUE CORRESPONDE)\"); \/\/ Change url\r\n}, function(){\r\njQuery('.foto-contenedor').css(\"background-image\", \"\");\r\n});\r\n\r\n<\/script><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21ff5bf e-flex e-con-boxed e-con e-parent\" data-id=\"21ff5bf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99c44c9 elementor-widget elementor-widget-heading\" data-id=\"99c44c9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ah\u00f3rrate trabajo... te lo doy hecho<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64cd742 elementor-widget elementor-widget-text-editor\" data-id=\"64cd742\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si no te quieres complicar o simplemente te gusta el que he hecho y lo quieres adaptar, te dejo un <a href=\"https:\/\/drive.google.com\/drive\/folders\/1rOLc24F_8ROpXf_MKoNQTmZC3jyu9Y0i?usp=drive_link\" target=\"_blank\" rel=\"noopener\"><strong>enlace a Google Drive<\/strong><\/a> para que te descargues tanto el archivo .json como las fotos que yo he usado.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>El sue\u00f1o de cualquier dise\u00f1ador un poco friki Elementor Pro nos regal\u00f3 hace unas pocas versiones el widget de megamen\u00fa, bueno, en realidad se llama simplemente men\u00fa, que nos permite \u00abjugar\u00bb con los elementos que ponemos en el men\u00fa. As\u00ed que hoy vamos un paso mas all\u00e1 y crearemos un men\u00fa con varias columnas, y [&hellip;]<\/p>","protected":false},"author":1,"featured_media":8010,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[50,1,47],"tags":[],"class_list":["post-7788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-principal","category-widgets"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mega men\u00fa con im\u00e1genes que cambian - elementor Pro Barato<\/title>\n<meta name=\"description\" content=\"Mega men\u00fa con im\u00e1genes que cambian, es el sue\u00f1o de cualquier dise\u00f1ador friki. Te ense\u00f1o a crear un men\u00fa que cambia la imagen seg\u00fan el enlace\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementorprobarato.com\/en\/mega-menu-con-imagenes-que-cambian\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mega men\u00fa con im\u00e1genes que cambian - elementor Pro Barato\" \/>\n<meta property=\"og:description\" content=\"Mega men\u00fa con im\u00e1genes que cambian, es el sue\u00f1o de cualquier dise\u00f1ador friki. Te ense\u00f1o a crear un men\u00fa que cambia la imagen seg\u00fan el enlace\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementorprobarato.com\/en\/mega-menu-con-imagenes-que-cambian\/\" \/>\n<meta property=\"og:site_name\" content=\"elementor Pro Barato\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-07T08:47:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-07T16:22:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"estebanip\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"estebanip\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/\"},\"author\":{\"name\":\"estebanip\",\"@id\":\"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84\"},\"headline\":\"Mega men\u00fa con im\u00e1genes que cambian\",\"datePublished\":\"2024-11-07T08:47:58+00:00\",\"dateModified\":\"2024-11-07T16:22:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/\"},\"wordCount\":1337,\"publisher\":{\"@id\":\"https:\/\/elementorprobarato.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png\",\"articleSection\":[\"Elementor\",\"Principal\",\"Widgets y trucos\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/\",\"url\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/\",\"name\":\"Mega men\u00fa con im\u00e1genes que cambian - elementor Pro Barato\",\"isPartOf\":{\"@id\":\"https:\/\/elementorprobarato.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png\",\"datePublished\":\"2024-11-07T08:47:58+00:00\",\"dateModified\":\"2024-11-07T16:22:07+00:00\",\"description\":\"Mega men\u00fa con im\u00e1genes que cambian, es el sue\u00f1o de cualquier dise\u00f1ador friki. Te ense\u00f1o a crear un men\u00fa que cambia la imagen seg\u00fan el enlace\",\"breadcrumb\":{\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage\",\"url\":\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png\",\"contentUrl\":\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png\",\"width\":1024,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/elementorprobarato.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mega men\u00fa con im\u00e1genes que cambian\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementorprobarato.com\/#website\",\"url\":\"https:\/\/elementorprobarato.com\/\",\"name\":\"elementorprobarato.com\",\"description\":\"100% Original y con clave del fabricante\",\"publisher\":{\"@id\":\"https:\/\/elementorprobarato.com\/#organization\"},\"alternateName\":\"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementorprobarato.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementorprobarato.com\/#organization\",\"name\":\"elementorprobarato.com\",\"alternateName\":\"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato\",\"url\":\"https:\/\/elementorprobarato.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png\",\"contentUrl\":\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png\",\"width\":512,\"height\":512,\"caption\":\"elementorprobarato.com\"},\"image\":{\"@id\":\"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/tiktok.com\/@lapeorempresadelmundo\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84\",\"name\":\"estebanip\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementorprobarato.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3c862c6b442531f4af67e9ac63e9c4b5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3c862c6b442531f4af67e9ac63e9c4b5?s=96&d=mm&r=g\",\"caption\":\"estebanip\"},\"sameAs\":[\"https:\/\/elementorprobarato.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mega men\u00fa con im\u00e1genes que cambian - elementor Pro Barato","description":"Mega men\u00fa con im\u00e1genes que cambian, es el sue\u00f1o de cualquier dise\u00f1ador friki. Te ense\u00f1o a crear un men\u00fa que cambia la imagen seg\u00fan el enlace","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:\/\/elementorprobarato.com\/en\/mega-menu-con-imagenes-que-cambian\/","og_locale":"en_US","og_type":"article","og_title":"Mega men\u00fa con im\u00e1genes que cambian - elementor Pro Barato","og_description":"Mega men\u00fa con im\u00e1genes que cambian, es el sue\u00f1o de cualquier dise\u00f1ador friki. Te ense\u00f1o a crear un men\u00fa que cambia la imagen seg\u00fan el enlace","og_url":"https:\/\/elementorprobarato.com\/en\/mega-menu-con-imagenes-que-cambian\/","og_site_name":"elementor Pro Barato","article_published_time":"2024-11-07T08:47:58+00:00","article_modified_time":"2024-11-07T16:22:07+00:00","og_image":[{"width":1024,"height":420,"url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png","type":"image\/png"}],"author":"estebanip","twitter_card":"summary_large_image","twitter_misc":{"Written by":"estebanip","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#article","isPartOf":{"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/"},"author":{"name":"estebanip","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84"},"headline":"Mega men\u00fa con im\u00e1genes que cambian","datePublished":"2024-11-07T08:47:58+00:00","dateModified":"2024-11-07T16:22:07+00:00","mainEntityOfPage":{"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/"},"wordCount":1337,"publisher":{"@id":"https:\/\/elementorprobarato.com\/#organization"},"image":{"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage"},"thumbnailUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png","articleSection":["Elementor","Principal","Widgets y trucos"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/","url":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/","name":"Mega men\u00fa con im\u00e1genes que cambian - elementor Pro Barato","isPartOf":{"@id":"https:\/\/elementorprobarato.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage"},"image":{"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage"},"thumbnailUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png","datePublished":"2024-11-07T08:47:58+00:00","dateModified":"2024-11-07T16:22:07+00:00","description":"Mega men\u00fa con im\u00e1genes que cambian, es el sue\u00f1o de cualquier dise\u00f1ador friki. Te ense\u00f1o a crear un men\u00fa que cambia la imagen seg\u00fan el enlace","breadcrumb":{"@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#primaryimage","url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png","contentUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/11\/Mega-menu-con-imagenes-que-cambian-destacada.png","width":1024,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/elementorprobarato.com\/mega-menu-con-imagenes-que-cambian\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/elementorprobarato.com\/"},{"@type":"ListItem","position":2,"name":"Mega men\u00fa con im\u00e1genes que cambian"}]},{"@type":"WebSite","@id":"https:\/\/elementorprobarato.com\/#website","url":"https:\/\/elementorprobarato.com\/","name":"elementorprobarato.com","description":"100% Original y con clave del fabricante","publisher":{"@id":"https:\/\/elementorprobarato.com\/#organization"},"alternateName":"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementorprobarato.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementorprobarato.com\/#organization","name":"elementorprobarato.com","alternateName":"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato","url":"https:\/\/elementorprobarato.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/","url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png","contentUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png","width":512,"height":512,"caption":"elementorprobarato.com"},"image":{"@id":"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/tiktok.com\/@lapeorempresadelmundo"]},{"@type":"Person","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84","name":"estebanip","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3c862c6b442531f4af67e9ac63e9c4b5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3c862c6b442531f4af67e9ac63e9c4b5?s=96&d=mm&r=g","caption":"estebanip"},"sameAs":["https:\/\/elementorprobarato.com"]}]}},"_links":{"self":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/7788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/comments?post=7788"}],"version-history":[{"count":127,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/7788\/revisions"}],"predecessor-version":[{"id":8028,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/7788\/revisions\/8028"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/media\/8010"}],"wp:attachment":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/media?parent=7788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/categories?post=7788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/tags?post=7788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}