Avisos
Vaciar todo

Menú flotante en Pandora  

 
Eduardo
 Eduardo
Usuario eminente

Hola chicos,
he instalado un pack wordpress con el tema Pandora y quería hacer en mi nueva web un menú que se quedase fijo al hacer scroll, esto lo tengo hecho, el problema es que me gustaría que inicialmente no se solapase sobre las imágenes puesto que en dispositivos móviles se junta el logotipo con las letras de la imagen y no se puede leer.
Adjunto imagen para que se vea a lo que me refiero

¿Alguna idea de como puedo solucionarlo?
Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/11/2015 3:17 pm
Eduardo
 Eduardo
Usuario eminente

Más o menos está hecho, he insertado el siguiente codigo CSS
.roksprocket_options {
padding-top: 85px;
}
pero el problema es que si el menú se ve en dos líneas, no sirve, se vuelve a solapar, ¿hay alguna forma de separarlo según el tamaño del menú? aquí ya me pierdo.

Un saludo

ResponderCitar
Respondido : 15/11/2015 6:39 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Eduardo,

Revisa este artículo por si te es de utilidad:

- Haz que tu Menú de WordPress sea ¡más pegajoso! - https://www.webempresa.com/blog/item/1835-haz-que-tu-menu-de-wordpress-sea-mas-pegajoso.html

Saludos

ResponderCitar
Respondido : 16/11/2015 2:13 am
Eduardo
 Eduardo
Usuario eminente

Gracias por su respuesta

ResponderCitar
Respondido : 19/11/2015 10:48 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Eduardo
 Eduardo
Usuario eminente

Una nueva pregunta relacionada con el tema, me gustaría que al hacer scroll el menú y el logotipo cambiase de tamaño como en esta web he intentado hacer lo que viene en la explicación pero no he sabido hacerlo, algo he hecho mal... :blush:
¿alguna idea?

Un saludo

ResponderCitar
Respondido : 19/11/2015 10:53 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

¿A qué web te refieres? Ten en cuenta que conseguir lo que comentas puede resultar bastante complicado, ya que este tipo de funcionamientos suelen venir integrados con el tema de WordPress que se esté utilizando.

ResponderCitar
Respondido : 19/11/2015 2:16 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Eduardo
 Eduardo
Usuario eminente

perdona no se porque no que ha grabado el url en el mensaje anterior
http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-resizing-menu-bar/

Los pasos a seguir vienen aquí http://www.webdesignerdepot.com/2013/03/how-to-create-a-resizing-menu-bar/

ResponderCitar
Respondido : 19/11/2015 7:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para hacer esto básicamente tienes que primero poner una clase por defecto en los elementos a redimensionar, luego con javascript cambiar la clase

Implica modificar los archivos del theme, no se si realmente valga la pena, ya que el tutorial que envías esta pensado para otra estructura html, y en el caso de tu theme es una estructura diferente divida en varios archivos .php

De manera general te podemos decir que debes buscar el archivo de de tu theme en donde aparece el header y poner una clase, luego agrega el javascript del tutorial en algún archivo .js que cargue tu theme, finalmente hacer el CSS para ambas clases, esto también será diferente para tu theme puesto que es una estructura diferente.

Ten en cuenta que desde este foro no vemos temas de programación al detalle y sólo podemos darte generalidades

Saludos.

ResponderCitar
Respondido : 19/11/2015 8:56 pm