Os cuento mi problema, tras muuucho buscar, encontré un template que me gustó bastante, además, era free y tenía lo que buscaba (ser responsive entre otras cosas) así que me puse manos a la obra y medio monté mi web sobre él.
El problema, es que cuando ya lo tenía casi listo...resulta que de responsive tiene poco ¬¬
Hablando con el soporte de los creadores, me dicen que es que la versión free no es responsive, que pague por la premium y se solucionan los problemas...(Ya podían avisar de eso en la web antes de que uno lo descargue ¬¬).
En fin, que el problema principal es que el menu no es responsive. El resto se ve más o menos decentemente.
Mi pregunta es ¿cómo lo arreglo? Es decir, ¿por donde empiezo a indagar/aprender para poder solucionarlo?
Ya que apenas tengo conocimientos de maquetación, y cuando entro en los ficheros del template veo 200 archivos que se llaman unos a otros y no sé por donde meterle mano a la cosa.
Sino a unas malas tendré que investigar si existe alguna extensión que sea menu responsive aunque no sea el original del template :(
Puede ser, que aquí este el problema?
Cita:
Es el fichero llamado responsive.php, dentro de la carpeta "mod_menu", dentro de la carpeta del template.<?php
// No direct access
defined('_JEXEC') or die;
?>
<div class="avatar-nav-responsive clearfix">
<span class="toggle"><?php echo JText::_('AVATAR_TEMPLATE_CORE_TOGGLE_MENU'); ?></span>
<ul class="menu clearfix <?php echo $class_sfx;?>"<?php
$tag = '';
if ($params->get('tag_id')!=NULL) {
$tag = $params->get('tag_id').'';
echo ' id="'.$tag.'"';
}
?>>
<?php
foreach ($list as $i => &$item) :
$class = 'item-'.$item->id;
if ($item->id == $active_id) {
$class .= ' current';
}
if (in_array($item->id, $path)) {
$class .= ' active';
}
elseif ($item->type == 'alias') {
$aliasToId = $item->params->get('aliasoptions');
if (count($path) > 0 && $aliasToId == $path[count($path)-1]) {
$class .= ' active';
}
elseif (in_array($aliasToId, $path)) {
$class .= ' alias-parent-active';
}
}
if ($item->deeper) {
$class .= ' deeper';
}
if ($item->parent) {
$class .= ' parent';
}
if (!empty($class)) {
$class = ' class="'.trim($class) .'"';
}
echo '<li'.$class.'>';
if ($item->parent) {
echo '<span class="pull"></span>';
}
// Render the menu item.
switch ($item->type) :
case 'separator':
case 'url':
case 'component':
require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
break;
default:
require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
break;
endswitch;
// The next item is deeper.
if ($item->deeper) {
echo '<ul>';
}
// The next item is shallower.
elseif ($item->shallower) {
echo '</li>';
echo str_repeat('</ul></li>', $item->level_diff);
}
// The next item is on the same level.
else {
echo '</li>';
}
endforeach;
?></ul></div>
// No direct access
defined('_JEXEC') or die;
?>
<div class="avatar-nav-responsive clearfix">
<span class="toggle"><?php echo JText::_('AVATAR_TEMPLATE_CORE_TOGGLE_MENU'); ?></span>
<ul class="menu clearfix <?php echo $class_sfx;?>"<?php
$tag = '';
if ($params->get('tag_id')!=NULL) {
$tag = $params->get('tag_id').'';
echo ' id="'.$tag.'"';
}
?>>
<?php
foreach ($list as $i => &$item) :
$class = 'item-'.$item->id;
if ($item->id == $active_id) {
$class .= ' current';
}
if (in_array($item->id, $path)) {
$class .= ' active';
}
elseif ($item->type == 'alias') {
$aliasToId = $item->params->get('aliasoptions');
if (count($path) > 0 && $aliasToId == $path[count($path)-1]) {
$class .= ' active';
}
elseif (in_array($aliasToId, $path)) {
$class .= ' alias-parent-active';
}
}
if ($item->deeper) {
$class .= ' deeper';
}
if ($item->parent) {
$class .= ' parent';
}
if (!empty($class)) {
$class = ' class="'.trim($class) .'"';
}
echo '<li'.$class.'>';
if ($item->parent) {
echo '<span class="pull"></span>';
}
// Render the menu item.
switch ($item->type) :
case 'separator':
case 'url':
case 'component':
require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
break;
default:
require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
break;
endswitch;
// The next item is deeper.
if ($item->deeper) {
echo '<ul>';
}
// The next item is shallower.
elseif ($item->shallower) {
echo '</li>';
echo str_repeat('</ul></li>', $item->level_diff);
}
// The next item is on the same level.
else {
echo '</li>';
}
endforeach;
?></ul></div>
He trasteado por ahí, y cambia la apariencia del menu, pero como hasta ahora, se ve igual en la versión normal que en la movil.
Muchas gracias de antemano por vuestra ayuda! :)
Un saludo.
