#prestashop 1.5 modificar posicionamiento vertical del #menu principal

buenas

inserte una imagen de fondo en la cabecera de la web y me surgio el siguiente problema, la imagen es mas alta que el espacio del header de la web

para insertar una imagen tenemos que modificar el global.css (themes/tutheme/css)

/* ************************************************************************************************

struture
************************************************************************************************ */
#page {}
#header {z-index:10;background-image:url(../img/lamala/header.jpg);height:280px;}
#columns {z-index:1}
#left_column {display:none;}
#center_column {width:100%;}
#right_column {display:none;}
#footer {}

pero como no nada en prestashop es facil … la barra del menu principal seguia en la misma posicion que antes

con el inspector de elementos de chrome (f12) seleccione el objeto menu y para mi desagradable sorpresa descubri que el css donde se hace referencia a este objeto esta en el raiz de prestashop y no como hasta ahora todo lo demas dentro del themes

el nombre del archivo css del menu es superfish-modified.css y se encuentra en modules\blocktopmenu\css

dentro de .sf-menu { añadimos margin-top:89px; y ya podemos desplazar asi el menu verticalmente

seguro que hay una manera mas facil e intuitiva de hacerlo … pero por desgracia no la he encontrado …

espero que a alguien mas que a mi le sirva de ayuda

un saludo

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s