(SOLUCIONADO) Menu horizontal superior, desplegable desordenado

[growshopwholegreen]

Buenas a todos,

En el menu horizontal superior, el desplegable de las categorias me aparece desorganizado, he dado cien mil vueltas mirando los css y no consigo averiguar que debo modificar y como. A ver si alguien puede  ayudarme...

La web es www.growshopwholegreen.es

Adjunto captura de pantalla

Muchas gracias.

 

[Rolige]

En el archivo: /themes/wholegreen-default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

En la regla: .sf-menu li li ul {}

alrededor de la linea: 113

Cambia: display: block !important;

Por: display: block;

[growshopwholegreen]

Muchisimas gracias Cotoko, se ha solucionado. Ahora lo que pasa es que al pulsar encima de alguna categoria se abre un espacio y se desplaza el resto... no se a que sera debido... a ver si alguien lo sabe.

Muchisimas gracias de nuevo.

[growshopwholegreen]

Vale ya he solucionado lo segundo tambien jeje.

Ahora me surje otra dudita, a ver si alguien sabe como modificarlo para que la subcategoria no este tan despegada de la categoria principal, reducir ese espacio.

Muchisimas gracias!!!

[Rolige]

Agrega un margin-top de 0, no te puedo decir exactamente en que linea porque habilitaste la compresion CCC, pero es en la regla:

.sf-menu li li ul {
	position: static;
	display: block;
	opacity: 1 !important;
	background: none;
	-webkit-box-shadow: rgba(0,0,0,0) 0 0 0;
	-moz-box-shadow: rgba(0,0,0,0) 0 0 0;
	box-shadow: rgba(0,0,0,0) 0 0 0; }

Dejala de la sigueinte manera:

.sf-menu li li ul {
	position: static;
	display: block;
	opacity: 1 !important;
	background: none;
	-webkit-box-shadow: rgba(0,0,0,0) 0 0 0;
	-moz-box-shadow: rgba(0,0,0,0) 0 0 0;
	box-shadow: rgba(0,0,0,0) 0 0 0;
	margin-top: 0; }

[growshopwholegreen]

 

Agrega un margin-top de 0, no te puedo decir exactamente en que linea porque habilitaste la compresion CCC, pero es en la regla:

.sf-menu li li ul {
	position: static;
	display: block;
	opacity: 1 !important;
	background: none;
	-webkit-box-shadow: rgba(0,0,0,0) 0 0 0;
	-moz-box-shadow: rgba(0,0,0,0) 0 0 0;
	box-shadow: rgba(0,0,0,0) 0 0 0; }

Dejala de la sigueinte manera:

.sf-menu li li ul {
	position: static;
	display: block;
	opacity: 1 !important;
	background: none;
	-webkit-box-shadow: rgba(0,0,0,0) 0 0 0;
	-moz-box-shadow: rgba(0,0,0,0) 0 0 0;
	box-shadow: rgba(0,0,0,0) 0 0 0;
	margin-top: 0; }

Perfecto!!!! Muchisimas gracias por tu ayuda Cotoko!!!

[Rolige]

Por nada, edito el titulo como solucionado.

[vettusta]

Muchisimas gracias Cotoko, se ha solucionado. Ahora lo que pasa es que al pulsar encima de alguna categoria se abre un espacio y se desplaza el resto... no se a que sera debido... a ver si alguien lo sabe.

Muchisimas gracias de nuevo.

 

 

Y como has solucionado lo segundo?? porque a mi todavía se me abren esos espacios y se desplazan del resto.

Gracias de antemano

 

Edited May 1, 2015 by vettusta (see edit history)

[Rolige]

Y como has solucionado lo segundo?? porque a mi todavía se me abren esos espacios y se desplazan del resto.

Gracias de antemano

 

Evidentemente el menu que tu estas usando es diferente al de el, por lo tanto el codigo no valdria para el tuyo, debes proporcionar la URL de tu sitio y asi seria mas sencillo ayudarte.

[vettusta]

Evidentemente el menu que tu estas usando es diferente al de el, por lo tanto el codigo no valdria para el tuyo, debes proporcionar la URL de tu sitio y asi seria mas sencillo ayudarte.

 

Mi URL: www.fisicnutrition.es

Gracias de antemano

[Rolige]

Mi URL: www.fisicnutrition.es

Gracias de antemano

Y cual es el problema que tienes?, yo lo veo funcionando perfectamente.

[vettusta]

Y cual es el problema que tienes?, yo lo veo funcionando perfectamente.

 

Hola Cotoko, pues como comentaba anteriorme el otro compañero ahora lo que pasa es que al pasar por encima de alguna categoría se abre un espacio y se desplaza el resto... no se a que sera debido.

Muchísimas gracias de nuevo de antemano.

Edited May 2, 2015 by vettusta (see edit history)

[Rolige]

No conozco el tema, pero supongo que el menu asi es como esta diseñado, se desplaza porque muestra el listado de subcategorias.