problema iconos menú y buscar en versión móvil en tema Palene  

 
César
 César
Usuario experto

Estimados señores:

En la captura de pantalla que les adjunto el icono Menú se solapa por encima de "Martes 17 de octubre de 2017" y el icono lupa sale ajustado a la derecha pero no están los tres alineados ¿Cómo podría hacer que salieran correctamente?

Recuerdo que con la instalación por defecto que traía Palene, el icono lupa salía alineada con la fecha , solo que a la derecha... Tanto en versión móvil como en la de escritorio...

Sin embargo, desde la primera instalación el icono Menú sale de esta manera ¿Me pueden ayudar?

Muchas gracias anticipadamente,

César

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/10/2017 8:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS, al menos con esto se mostrará la fecha centrada, los otros elementos es más complicado de centrarlos ya que son elementos compuestos.

@media (max-width:768px){
	#rt-top .date{
		display:block;
		clear:both;
		text-align:center;
	}
}

Saludos.

ResponderCitar
Respondido : 17/10/2017 10:19 pm

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

César
 César
Usuario experto

Gracias, Jhon... Sale centrado pero ubicado debajo de los otros dos iconos ¿Es posible que salga en línea?

Ayer dí con el truco de que en la versión de escritorio saliera alineado el icono "buscar" a la derecha y a la misma altura que la fecha... Era sencillamente colocar el widget DELANTE de FECHA en la posición TOP y con la clase "cabecera".

ResponderCitar
Respondido : 18/10/2017 9:46 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola César.

Modifica el código que te paso mi compañero por el siguiente:

@media (max-width:768px){
	#rt-top .date{
    display: block;
    clear: inherit;
    text-align: center;
   margin-left: 30px;
}

Un saludo

ResponderCitar
Respondido : 18/10/2017 10:39 am

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

César
 César
Usuario experto

¡¡¡¡¡¡Muchas gracias, Pepe!!!!!... Mejora bastante el aspecto aunque queda el detalle del icono menú izquierdo... Queda bastante mal en versión móvil...

Probando el Inspector de Google Chrome he estado "trasteando" intentando cambiar el CSS del menú responsive... pero queda fatal... La propiedad con la que he estado trasteando ha sido DISPLAY...

Por defecto, al cargar la página muestra que el valor de esa propiedad es:

DISPLAY: BLOCK

Y el CSS que más "resultón" me ha salido es este que os muestro aquí debajo... Pero no convence de ninguna manera porque eso se parece a todo menos a un menú... ¿Cómo lo podría hacer para que estuviera alineado correctamente y con un aspecto decente? Muchas gracias anticipadamente,

.gf-menu-toggle .icon-bar {
background-color: #6e6e6e;
border-radius: 1px 1px 1px 1px;
display: table-header-group;
height: 2px;
width: 18px;
}

ResponderCitar
Respondido : 18/10/2017 12:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola César.

Prueba si con esto mejoras el aspecto:

.gf-menu-toggle {
    border-radius: 5px;
    background-image: linear-gradient(to bottom,#fefefe,#086874)!important;;
    
}

Un saludo

ResponderCitar
Respondido : 18/10/2017 1:11 pm

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

César
 César
Usuario experto

gracias, Pepe... Le he añadido

margin: -5px 0px 0px 10px;

y queda bastante mejor... No funciona igual en todos los móviles pero... de momento... me sive.

Muchas gracias

ResponderCitar
Respondido : 18/10/2017 4:22 pm