Buenas tardes!
Tengo un problema de alturas con mi web.
Es al aplicar los plugins the tabs, he probado con diferentes plugins y me sigue pasando lo mismo y solo me pasa en esta web.
El tab más largo me marca la altura de los demás y en los siguientes que son mucho más cortos se queda el pie hasta abajo de la web. SI refrescas se redimensiona pero no puedo esperar que los clientes estén refrescando constantemente la página.
¿Alguna sugerencia?
Muchas gracias!!!
URL del sitio: Contenido solo visible a usuarios registrados
Hola Ana,
Esto es problema de la plantillas y no es del módulo.
prueba esta solución:
Mira en /template/yoo_inpire/lib/js/template.js
comente la línea 263 en los matchHeights función que dice:
YOOBase.matchHeight('div.main-wrapper-1, #left, #right', 20);
Es decir: / / YOOBase.matchHeight('div.main-wrapper-1, #left, #right', 20);
Saludos
Hola Hicham,
Antes que nada muchas gracias!!!
Mira lo que he hecho es lo siguiente:
1.Abri el fichero que me dijiste. Y ahí el único códigp que me aparecio fue el siguiente:
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License ( http://www.yootheme.com/license) */
(function($){
$(document).bind('ready', function() {
var config = $('body').data('config') || {};
// Accordion menu
$('.menu-sidebar').accordionMenu({ mode:'slide' });
// Dropdown menu
$('#menu').dropdownMenu({ mode: 'slide', dropdownSelector: 'div.dropdown'});
// Smoothscroller
$('a[href="#page"]').smoothScroller({ duration: 500 });
// Fix Browser Rounding
$('.grid-block').matchWidth('.grid-h');
// Social buttons
$('article[data-permalink]').socialButtons(config);
// Match height of div tags
var matchHeight = function(){
$('#top-a .grid-h').matchHeight('.deepest');
$('#top-b .grid-h').matchHeight('.deepest');
$('#bottom-a .grid-h').matchHeight('.deepest');
$('#bottom-b .grid-h').matchHeight('.deepest');
$('#bottom-c .grid-h').matchHeight('.deepest');
$('#innertop .grid-h').matchHeight('.deepest');
$('#innerbottom .grid-h').matchHeight('.deepest');
$('#innerbottom-a .grid-h').matchHeight('.deepest');
$('#innerbottom-b .grid-h').matchHeight('.deepest');
$('#maininner, #sidebar-a, #sidebar-b').matchHeight();
};
matchHeight();
$(window).bind("load", matchHeight);
});
})(jQuery);
2. Así que quite el maininner de esta línea: $('#maininner, #sidebar-a, #sidebar-b').matchHeight();
3. Quedando así: $('#sidebar-a, #sidebar-b').matchHeight();
Y funciona pero mi pregunta ahora es si no me puede dar problemas con algo más en el futuro?
O si lo hice bien?
Gracias!!!
Hola Ana,
En principio veo que funciona bien, redimensiona cada pestaña al contenido, lo cual es perfecto.
Veo que has eliminado la llamada a #maininner que por lo que veo no está afectando a tu web.
Si observas algo extraño en el reparto de los contenidos en la plantilla es posible que esa sea la causa, de momento no se observa nada anómalo.
Saludos
Muchas gracias!!!