problema anchura web

Inicio Foros WordPress Themes y Diseño problema anchura web

Etiquetado: , ,

Este debate contiene 9 respuestas, tiene 4 mensajes y lo actualizó  EstudioAbellanas hace 4 años, 2 meses.

  • Autor
    Publicaciones
  • #71645

    miranda
    Participante

    Hola!
    Tengo un problema en mi web, no encuentro exactamente donde puedo modificar la anchura de la web y que no aparezca la barra horizontal… me podeis ayudar? la web es esta: http://www.eva-me.com
    gracias!

  • #71652

    LGrusin
    Miembro

    Ese theme se adapta automáticamente a las dimensiones de los dispositivos de los visitantes. Usas un logo y una imagen de fondo muy largas.

    Si te refieres por barra a la línea encima del menú la tienes en archivo custom.css de la carpeta css
    #nav {
    width:100%;
    background:url(../images/light/bg-row.png) top left repeat-x;
    height:57px;
    overflow:hidden;
    }

    elimina background:url(../images/light/bg-row.png) top left repeat-x;

    Un saludo

  • #71666

    miranda
    Participante

    Hola, gracias pero no es la barra de la línea del menú, me refiero a que no quiero que aparezca la barra de desplazamiento horizontal (abajo) que sale en el navegador, en principio está todo el contenido ajustado para justo no salga… nose que puede ser.

  • #71676

    LGrusin
    Miembro

    Además de Usas un logo y una imagen de fondo muy largas.
    En el menú tienes los lenguajes y los botones sociales muy a la derecha, div id=”div_languages” right: -863px;

    Probablemente todo eso no quepa en el espacio asignado para el menú.

    Saludos

  • #71713

    miranda
    Participante

    Hola!
    Gracias LGrusin, ya lo cambié y ahora perfecto… la duda que ahora me queda, ya que efectivamente tengo un Theme adaptable, cuando reduzco la ventana del navegador, visualizo desde un móvil, etc. esta parte derecha de idioma y redes sociales, se queda en el mismo sítio y no aparece “re-adaptada” a la izquierda, ¿como podría hacer sin cambiarlo de posición? es decir, me gustaría que siguiera estando a la derecha y al re-adaptar, que apareciera debajo del menú principal a la izquierda… nose si me explico (si cambiais el tamaño de la ventana no hay fallo). Gracias!

  • #71731

    Xavier
    Miembro

    para estas cosas siempre ayuda poner un:

    body, html {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    }

    Así el navegador calcula los espacios extra de los padding/margin sin necesidad de formatear los contenedores.

    Para readaptar un logo si se ajusta la pantalla a otra resolucion se haria con Media Queries, por ejemplo:

    @media screen and (max-width:600px) {
    .logo {
    float: left;
    }
    }

    Esto es solo un ejemplo, aquí estoy diciendo que si la pantalla tiene un máximo de 600px de ancho (osea de 600 o inferior) entonces aplica estas clases (y pones las que quieras), en el ejemplo puse que la clase .logo flote a la izquierda, pero puedes poner tantas como gustes.

    Saludos!

  • #71742

    LGrusin
    Miembro

    Creo que si sustituyes
    left:862;
    por
    float:right;
    y
    width:700px;
    por
    width:42%;

    Te queda mejor.

    Después en el archivo mobile.css pones otros valores para que se vea bien en los móviles.

    Un saludo

  • #71770

    miranda
    Participante

    Hola, respondiendo:
    LGrusin: lo he probado y no funciona, todo el menú de idioma y r.sociales se pasa literalmente a la izquierda y se pega al menú principal.

    Xavier: si el código que me indicas lo tengo que pegar en el archivo de estilo .css, justo detrás del body, no funciona, porque me escojona todo el tema.
    Gracias!

  • #71900

    LGrusin
    Miembro

    Repito:
    <div id=”div_languages” style=”position:relative; left:862px; width:700px;”>
    por
    <div id=”div_languages” style=”position:relative; float:right; width:42%;”>
    Un ancho mayor también vale pero no puedes añadir más elementos porque no caben en ese espacio.
    A mi me va bien…
    Saludos

  • #76195

    EstudioAbellanas
    Participante

    No se si alguien leerá esto y de paso a ver si me puede solucionar un problema con esta plantilla de gridly de wordpress.

    Supongo que será una tontería y algo muy básico para la mayoría, pero donde exactamente tengo que poner la imágenes para que me haga la galería inicial con la foto, la franja negra de debajo y el titulo con el texto? no dejo de buscar y no me sale nada.. agradecería cualquier orientación.. gracias!

    Isabel

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest