Plugins y algunos trucos para WP

Cuándo mostrar menú responsive en Plantilla DIVI

La plantilla DIVI tiene muchas opciones para poder montar la web a nuestro gusto, pero a veces las cosas más sencillas son las más complejas.

Hace muy poco me pasó con un cliente que tenía el logo muy grande (muy alargado horizontalmente) y el menú era también bastante largo, con lo que habia un momento que según la resolución, el menú se doblaba en dos lineas, haciendo que quedase muy feo:

(más…)


Logo flotante en plantilla DIVI de WordPress

¿Cómo hacer para que el logo de nuestra plantilla DIVI sea flotante?

con este simple truco haremos que nuestro logo se comporte de una manera increible, flotando en la parte superior de nuestra web, sin tener que estar pendientes de que se ajuste a alto del header.

 

Ejemplo de Logo flotante en plantilla Divi de WordPress

Ejemplo de Logo flotante en plantilla Divi de WordPress

Sólo tenemos que ir a personalizar nuestro CSS con la siguientes lineas:
@media only screen and (max-width: 980px) {
#logo {
min-height: 100px;
}
}
@media only screen and (min-width: 981px) {
#logo {
min-height: 120px;
}
}

////Los 100px y 120px los podeís modificar en función del tipo de logo que tengáis y el fondo de la web.

Truco extraido de :

How to Create a Divi Overlapping Logo


Powered by WordPress | Designed by Elegant Themes