Logo de la web más ...
Avisos
Vaciar todo

Logo de la web más pequeño  

Página 2 / 2
 
JOSE LUIS
 JOSE LUIS
Prominent Member

Hola, veo que la web no la tengo del todo adaptada a móviles, el logo es demasiado grande, no me acuerdo cómo se hacia pequeño. Me puedes indicar?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/06/2019 12:13 am
JOSE LUIS
 JOSE LUIS
Prominent Member

He añadido ahora a "/home/sumincaw/public_html/templates/anthe/css-compiled/mediaqueries.css"
@media (max-width:768px){
.rt-block #rt-logo{
background-size:70%!important;
}
}
y nada de nada, se sigue viendo mal

ResponderCitar
Respondido : 02/06/2019 11:29 pm

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola José Luis,

Por lo que he ido revisando en tu web veo que tocas estilos CSS aquí y allá y acabas invalidando unos con otros, por ejemplo:

Tienes declarado en la clase CSS "rt-logo" un desplazamiento de alineación del 50%

#rt-logo {
    background: url(/images/logo.png) 50% 0 no-repeat !important;
}

Esto provoca que aunque te digamos que fuerces un 70% !important; el otro estilo prevalece y desplaza este logo un 50%.

Prueba por ejemplo a modificar ese estilo añadiendo en el custom-anthe.css lo siguiente:

#rt-logo {
    background: url(/images/logo.png) 0% 0 no-repeat !important;
}

Guarda los cambios, limpia caché en tu navegador móvil y mira si con el tamaño del logo establecido ahora se ve entero.

Saludos

ResponderCitar
Respondido : 02/06/2019 11:55 pm
JOSE LUIS
 JOSE LUIS
Prominent Member

Buenos días, he puesto en
/home/sumincaw/public_html/templates/anthe/css/anthe-custom.css lo que me dices, aunque la orden del desplazamiento que dices que tiene dada no lo veo, se ha quedado así:
.category-view .width25{ width:24%; }
.layout-mode-responsive .gf-menu.l1 > li > .item {
font-size: 15px;
}
.layout-mode-responsive .gf-menu.l1 > li > .item,
.layout-mode-responsive .gf-menu.l1 > li > .dropdown{
margin-bottom:15px;
}

.layout-mode-responsive .gf-menu.l1 > li.parent > .item{
margin-bottom:15px;
}

.productdetails .main-image{
border:1px solid #d5dbe0;
padding:40px;
border-radius:4px;
}

.productdetails .back-to-category{
display:none;
}

.productdetails .product-short-description{
margin-bottom:20px!important;;
}

.product-container span img{
display:none!important;
}
.product-field-desc {
display:none!important;
}

@media (max-width:768px){
.rt-block #rt-logo{
background-size:70%!important;
}
}

#checkoutForm{
overflow-x:auto!important;
}
#rt-logo {
background: url(/images/logo.png) 0% 0 no-repeat !important;

ResponderCitar
Respondido : 03/06/2019 10:12 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose luis.

Añade lo siguiente al archivo anthe-custom.css que encontras en templates -> anthe -> css anthe-custom.css

@media (max-width: 767px){
#rt-logo {
    width: 100%!important;
    height: auto;
}
}

Un saludo

ResponderCitar
Respondido : 03/06/2019 11:54 am
JOSE LUIS
 JOSE LUIS
Prominent Member

Hola! he probado a ponerlo y no funciona, he borrado todo lo que había estado poniendo hasta ahora y lo he vuelto a poner y nada
La ruta esesta:
/home/sumincaw/public_html/templates/anthe/css/anthe-custom.css

ResponderCitar
Respondido : 03/06/2019 12:18 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola jose Luis.

Esta captura es de un terminal android:

Como puedes ver se muestra bien, por lo que deduzco que el problema lo tienes en la caché del navegador del terminal.

Si estás accediendo constantemente a la web con un terminal, la cache del navegador no termina de vaciarse y es posible que no muestre las modificaciones realizadas.

Accede a la web desde un terminal que no suelas utilizar para acceder a la web y revisa si se muestra bien.

Un saludo

ResponderCitar
Respondido : 03/06/2019 1:01 pm
JOSE LUIS
 JOSE LUIS
Prominent Member

Hola! me doy cuenta que ahora se vuelve a ver mal. ¿Qué ha podido pasar?

ResponderCitar
Respondido : 05/06/2019 9:41 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

Esto es lo que veo yo en un terminal con Android:

De todas formas revisa si se encuentra el código que te pase anteriormente:

@media (max-width: 767px){
#rt-logo {
    width: 100%!important;
    height: auto;
}
}

Un saludo

ResponderCitar
Respondido : 05/06/2019 10:48 am
JOSE LUIS
 JOSE LUIS
Prominent Member

Hola Pepe, te hago captura de pantalla de lo que tengo

ResponderCitar
Respondido : 05/06/2019 10:52 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

Lo veo bien, con terminal de Android,no veo problemas.

No realices las revisiones desde el navegador del PC, prueba con un terminal que no suelas utilizar para acceder a la web.

Un saludo

ResponderCitar
Respondido : 05/06/2019 11:53 am
Página 2 / 2