Avisos
Vaciar todo
Pack Periódico WordPress
7
Respuestas
3
Usuarios
0
Reactions
632
Visitas
Topic starter
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
Respondido : 17/10/2017 7:44 pm
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.
Respondido : 17/10/2017 9:19 pm
Topic starter
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".
Respondido : 18/10/2017 8:46 am
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
Respondido : 18/10/2017 9:39 am
Topic starter
¡¡¡¡¡¡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;
}
Respondido : 18/10/2017 11:34 am
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
Respondido : 18/10/2017 12:11 pm
Topic starter
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
Respondido : 18/10/2017 3:22 pm
