Problema con menu responsive en Joomla

[elijo_otro]

Hola a todos!

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 :(

Muchas gracias de antemano por vuestra ayuda! :)

Un saludo.

[elijo_otro]

Puede ser, que aquí este el problema?

<?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>

Es el fichero llamado responsive.php, dentro de la carpeta "mod_menu", dentro de la carpeta del template.

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.

[superweb360]

Yo creo que deberías tocar los CSS, y no el código en PHP.

Si no sabes maquetar mejor que te olvides del tema. También lo puedes aprender, claro está.

Si por ejemplo, el width de la página pone que es de 1000px. Tu vas y lo cambias a width:100% o max-width:1000px. También puede ser necesario que tengas que usar media queries.

¿Cual es el precio del template responsive? Si no vale mucho, también lo podrías pagar y listos.