Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Información y Soporte Gratuito Joomla! para clientes del Pack Periódico o Revista de WordPress. Soluciones para tu medio de comunicación online y webs de noticias.

TEMA: Logo Palene Móvil centrado

Logo Palene Móvil centrado 1 año 1 mes antes #292975

Buenos días:

He cambiado el logotipo de mi web para que se pueda ver en versión móvil más amigable. Encontré esta URL del foro de Webempresa

www.webempresa.com/foro/35-Packs-Webempresa-WordPress/147326-A%C3%B1adir-logo-m%C3%B3vil-responsive-Tema-Palene.html

Donde he aplicado el código que aporta Jhon al final y me funciona "más o menos". Adjunto captura de pantalla.

Lo que yo quiero es ubicar el logotipo donde está la fecha (Domingo 22 de octubre), reduciéndole el tamaño para que se ajuste bien, y eliminar esta fecha.

En el Panel de ajustes del Tema Palene, en el Estilo del OVERRIDE "Default Settings", he añadido este fragmento de código:

@media only screen and (max-width: 767px) {
#rt-logo {
background: rgba(0, 0, 0, 0) url("fuerteventura100.com/wp-content/uploads/logo-fuerteventura100-movil-300px.jpg") no-repeat scroll left center!important;
width:auto!important;
height:40px!important;
}
}

Muchas gracias anticipadamente,

César

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

Logo Palene Móvil centrado 1 año 1 mes antes #292979

Hola César.

.- Modifica el tamaño de la imagen del móvil para que tenga un tamaño de 200px.

Para eliminar la fecha y añadir el nuevo logo añade lo siguiente tu hoja de estilos ( CSS )
@media only screen and (max-width:  480px) {
#rt-top .date {
    display: none;
}
#rt-logo {
    background: rgba(0, 0, 0, 0) url("https://fuerteventura100.com/wp-content/uploads/logo-fuerteventura100-movil-300px.jpg") no-repeat scroll left center !important;
}
}
 

Nota: Modifica la url del logo con la imagen nueva que creaste " url("https://fuerteventura100...... "

Una vez eso veremos lo de subir el logo y si tenemos que modificar su tamaño desde css ya que veo :
width: auto !important;
height: 40px !important;


Y es posible que tengas que modificar ese tamaño, pero lo vemos después de realizar las modificaciones anteriores.

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15930
  • Gracias recibidas 1296
  • Karma: 456
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

Logo Palene Móvil centrado 1 año 1 mes antes #292980

Hola, Pepe... Gracias.

Acabo de hacerlo... He subido el logotipo a un tamaño de 200px de ancho y 28 de alto y he eliminado el fragmento de código anterior (El que vi en otro hilo del foro):

@media only screen and (max-width: 767px) {
#rt-logo {
background: rgba(0, 0, 0, 0) url("fuerteventura100.com/wp-content/uploads/logo-fuerteventura100-movil-300px.jpg") no-repeat scroll left center!important;
width:auto!important;
height:40px!important;
}
}

Y lo he sustituido por el que me has enviado.

La Fecha no aparece y el logotipo aparece muy debajo... No he querido modificar las propiedades width y height "a la espera de tus instrucciones"... :)

Un saludo
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

Logo Palene Móvil centrado 1 año 1 mes antes #292982

Hola César.

Añade lo siguiente:
@media only screen and (max-width:  480px) {
.logo-block {
    margin-top: -5em!important;
    margin-left: 3em!important;
}
}

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15930
  • Gracias recibidas 1296
  • Karma: 456
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #292983

Hola, Pepe... Mucho mejor (Adjunto captura de pantalla), aunque:

1.- ¿Se puede centrar? Si te fijas, aparece más pegado al botón izquierdo que al de búsqueda.
2.- ¿Cómo reducir el espacio entre el logotipo y el breadcrumbs que hay debajo?

Gracias
Adjuntos:
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293012

Hola Cesar,

Yo no veo ningún "breadcrumb" (migas de pan) en la web por lo que no creo que sea esa la causa dle espacio debajo del logo.

Si observo que tu logo de la versión escritorio Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo. es diferente del logo que aparece en móviles.


Seleccin_007_2017-10-23.jpg


¿Tienes logos diferentes asignados?

Saludos
  • Luis Mendez Alejo
  • Avatar de Luis Mendez Alejo
  • DESCONECTADO
  • Administrador
  • Mensajes: 23015
  • Gracias recibidas 2396
  • Karma: 510
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Logo Palene Móvil centrado 1 año 1 mes antes #293015

Hola Luis:

Sí. Tengo logotipos diferentes asignados en función de si se trata de una versión móvil o de escritorio. Lo he hecho tras aplicar el consejo de tu compañero Pepe en este mismo hilo. Adjunto te muestro el fichero CSS que tengo en Ajustes Palene > Override "Default Settings" > Estilo.

Este CSS es producto de varias modificaciones que he venido haciendo últimamente tras varias consultas a través de vuestro foro, donde he venido aplicando cada uno de los consejos (y mejorando notablemente el aspecto y funcionalidad de la página).

En cuanto a lo que me comentas de las migas de pan, me he dado cuenta de que di por obvio en mi explicación anterior que los breadcrumbs aparecían en la Home y no... Ahí no aparecen, pero sí en las páginas interiores (tal y como te muestro en la captura de pantalla adjunta). La URL de ejemplo es:

Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

En este tiempo que ha transcurrido desde que inicié este hilo hasta ahora he visto que una solución factible al aspecto en la versión móvil es la que me dió tu compañero Pepe esta mañana: Que el logotipo quede donde está actualmente, tal y como tu compañero me indicó (lo único que me gustaría es ver si se podría centrar en la pantalla) y poner un banner debajo estilo "SUSCRÍBETE" o cualquier otro similar, tal y como se muestra en la web actualmente.

La pega de lo que he hecho es obvia:
1) En versión móvil deja mucho espacio tanto por encima como por debajo del banner "¿TE SUSCRIBES? ES GRATIS".

2) En versión de escritorio queda un espacio en blanco (que supongo coincidirá con la altura de ese banner que solamente se muestra en versión móvil).

Te cuento cómo lo he creado y, si lo consideras apropiado, me dices qué debo rectificar:

1.- He creado con el plugin SHORTCODER un shortcode denominado [sc name="suscribete"] que sencillamente muestra ese banner.
2.- En la configuración de shortcoder he puesto que ese shortcode solamente se muestre en versión de escritorio.
3.- He creado un widget de HTML personalizado en la posición "NAVIGATION", justo encima del widget GANTRY LOGO.

Y bueno... el resultado lo puedes comprobar tanto en las capturas de pantalla como navegando por la web.

Evidentemente, mi falta de conocimientos en profundidad hace que me estanque en este tipo de cosas... Lo lamento.

Un saludo, Luis

César
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
Última Edición: 1 año 1 mes antes por Luis Mendez Alejo.
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293016

Hola César,

Efectivamente en post de la web si veo la ruta (breadcrumb):


Seleccin_009_2017-10-23.jpg



En este tiempo que ha transcurrido desde que inicié este hilo hasta ahora he visto que una solución factible al aspecto en la versión móvil es la que me dió tu compañero Pepe esta mañana: Que el logotipo quede donde está actualmente, tal y como tu compañero me indicó (lo único que me gustaría es ver si se podría centrar en la pantalla) y poner un banner debajo estilo "SUSCRÍBETE" o cualquier otro similar, tal y como se muestra en la web actualmente.

¿Te has planteado utilizar un builder para construir la vista de la web en dispositivos de forma que no tengas que estar modificando estilos nativos del tema, que a la larga siempre será peor, sobre todo de cara a actualizaciones?

Saludos
  • Luis Mendez Alejo
  • Avatar de Luis Mendez Alejo
  • DESCONECTADO
  • Administrador
  • Mensajes: 23015
  • Gracias recibidas 2396
  • Karma: 510
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293018

Gracias, Luis:

¿Qué builder me podrías recomendar? La verdad es que es algo que nunca he trabajado.
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293019

Hola César.

Por ejemplo tienes -> es.wordpress.org/plugins/siteorigin-panels/

Exactamente que es lo que te falta ¿ Centrar el logo ? puedes modificar el valor de " margin-left: 3em!important; " que te pase hasta dejarlo en la posición que quieres.

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15930
  • Gracias recibidas 1296
  • Karma: 456
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293022

Hola, Pepe:

Muchas gracias por tu respuesta... Tal y como me indicabas, he modificado el valor

margin-left: 3em!important;

por 4em y ahora está perfecto (al menos en mi móvil).

La otra parte de la pregunta que hice al compañero Luis se refería al banner que aparece en móvil.

El problema que le veo es sencillamente que deja mucho espacio vacío tanto por arriba como por debajo... Es simplemente un widget HTML donde he añadido la imagen del banner de suscripción, y con un plugin he conseguido que se muestre en versión móvil sin afectar a la versión de escritorio (quedaba horrible la otra opción que escogí).

Sin embargo... Sucede lo que te comenté un párrafo más arriba... El widget HTML deja mucho espacio tanto por arriba como por debajo y me gustaría reducirlo (Supongo que con CSS).

Una vez más... Muchísimas gracias por tu ayuda,

César
Adjuntos:
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293030

Hola César.

Prueba con lo siguiente:
@media only screen and (max-width:  480px) {
.rt-container [class*="rt-grid"] {
    margin-bottom: -5em!important;
}
}

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15930
  • Gracias recibidas 1296
  • Karma: 456
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293040

Hola de nuevo, Pepe... He estado jugando con los valores que me has enviado en este último mensaje.

@media only screen and (max-width: 480px) {
.rt-container [class*="rt-grid"] {
margin-bottom: -5em!important;
}
}

El valor "-5em" se come medio titular del post... Las tres o cuatro primeras palabras del título de cualquier post desaparecen... Por ello, he ido jugando hasta encontrar que el que mejor se adecúa es el valor -2em. Queda algo mejor pero se come los breadcrumbs. No se muestran.

¿Tú qué harías? Se me ocurre que, para no liarnos más, elimino los breadcrumbs de la versión móvil ¿Qué opinas al respecto?

Gracias
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293043

Hola césar.

elimino los breadcrumbs de la versión móvil
Si, es una opción y tampoco le veo mayor importancia el que se muestren, puedes probar como se muestra, igual al eliminarlos tienes que modificar un poco los valores de los códigos que te pase hasta ajustarlo.

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15930
  • Gracias recibidas 1296
  • Karma: 456
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293070

Gracias, Pepe... Lo voy haciendo... Mucha mejor pinta, desde luego
  • César
  • Avatar de César
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 50
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Logo Palene Móvil centrado 1 año 1 mes antes #293072

Hola Cesar

Nada, un placer poder ayudaros.
Dejo el hilo en espera por si necesitas retomarlo.

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15930
  • Gracias recibidas 1296
  • Karma: 456
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Temas Relacionados

0 Respuestas emo
Tema iniciado 2 años 9 meses antes por Raul
441 Visitas
12 Respuestas emo
Tema iniciado 2 años 9 meses antes por Raul
1169 Visitas
13 Respuestas emo
Tema iniciado 1 año 8 meses antes por Carlos Javier
805 Visitas
8 Respuestas emo
Tema iniciado 2 años 8 meses antes por Benito
728 Visitas
1 Respuestas emo
Tema iniciado 1 año 1 mes antes por César
262 Visitas
21 Respuestas emo
Tema iniciado 2 años 6 meses antes por Alízaro
  • Página:
  • 1
  • 2
1132 Visitas
1 Respuestas emo
Tema iniciado 3 años 4 meses antes por Rodrigo
800 Visitas
4 Respuestas emo
Tema iniciado 3 años 4 meses antes por Antonio
1097 Visitas
5 Respuestas emo
Tema iniciado 6 meses 1 semana antes por Victor
143 Visitas
6 Respuestas emo
Tema iniciado 1 año 1 mes antes por César
308 Visitas

Tiempo de carga de la página: 0.522 segundos