Problema con visualización del logo en dispositivo móvil

krvaM · 28 Feb 2016

Hola, tengo problemas con el logo de la pagina que cuando un visitante de un telefono entra a la pagina el logo se ve a la mitad como en la foto de abajo.

Existe algun plugin que lo solucione? Que tengo que hacer?

Link: LeMusic | Descargar Bajar Musica MP3 | Reggaeton, Cumbia, Rap HipHop, Electronica, Pop, Variado, AltoSRemiX 2015 2016

zetanight · 28 Feb 2016

Creo que con media queries podrias cambiar el tamaño del logo cuando se esta en un dispositivo movil :distant:

krvaM · 28 Feb 2016

zetanight dijo:
Creo que con media queries podrias cambiar el tamaño del logo cuando se esta en un dispositivo movil :distant:

Media queries se llama? Es un plugin o que?

xxphiterx · 28 Feb 2016

Tienes que editar el CSS y darle un tamaño menor a tu logo para que se vea bien a esa resolucion de pantalla. :encouragement:

zetanight · 28 Feb 2016

krvaM dijo:
Media queries se llama? Es un plugin o que?

se aplican en el css son por decirlo condicionales, es por ejemplo si tu web se visualiza a tal resolucion entonces tu puedes definir un css especifico, en este caso tendrias que definir una condicional que al verse desde el movil el ancho y alto de tu logo sea mas pequeño

krvaM · 28 Feb 2016

xxphiterx dijo:
Tienes que editar el CSS y darle un tamaño menor a tu logo para que se vea bien a esa resolucion de pantalla. :encouragement:

Claro, y si entran de un navegador de compu no queda chico o como es? y como tengo que editarlo, osea abro el css pero que codigo pongo ?

xxphiterx · 28 Feb 2016

Son media queries en CSS :encouragement: en ellos le das unas reglas y apartir de un ancho minimo o maximo de pagina funcionan
este es un ejemplo:

Insertar CODE, HTML o PHP:

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

Cicklow · 28 Feb 2016

sino tubieras un autolike en tu sitio te ayudaría con gusto... :fatigue:
y tu logo es muy grande y pesado para lo que realmente estas queriendo hacer.... sin media queries, con solo una modificacion en el HTML (header.php) obtenes una imagen responsive...

PHP:

<div class="clearfix">
<img src="http://i.imgur.com/e0X3kIS.png" width="100%">
		<div id="sitetitle">
						<h1>LeMusic</h1> 
						<div class="description">Descargar Bajar Musica MP3 | Reggaeton, Cumbia, Rap HipHop, Electronica, Pop, Variado, AltoSRemiX 2015 2016</div>
		</div>

		
	</div>

Problema con visualización del logo en dispositivo móvil

krvaM

zetanight

krvaM

xxphiterx

zetanight

krvaM

xxphiterx

Cicklow

Temas similares