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
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
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
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;
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
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
Hola! me doy cuenta que ahora se vuelve a ver mal. ¿Qué ha podido pasar?
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