Soporte » Diseño – Temas y plantillas » Modificar el header de mi template para movil

  • Saludos,

    resulta que tengo el theme Sahifa instalado en un sitio. Necesito personalizar el header de la version mobile y no he podido. Les mostrare dos imagenes.

    La primera es como debe verse el header. Debe aparecer el menu a la derecha, el escudo del pais en el centro en la parte superior y debajo el logo. Como se ve en esta imagen.

    Imagen 1

    Pero resulta que mi sitio se ve de la siguiente manera y por mas que he intentado lo unico que logro es que desaparezca el menu por completo. Asi se ve el sitio ahora mismo.

    Imagen 2

    Espero puedan ayudarme, gracias de ante mano

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Añade esto al final de style.css de tu tema (te recomiendo que sea child) y pon los valores de css que quieres modificar donde corresponda:

    /* iPads horizontal ———– */
    @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    }
    /* iPads vertical ———– */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    }
    /* Phablets vertical ———– */
    @media only screen and (min-width: 280px) and (max-width: 450px) {
    }
    /*iphone vertical*/
    @media screen and (device-width: 320px){
    }

    Saludos!

    A ver si me entiendes, el sitio en si es responsive, lo que deseo es modificar como actua al contraerse.

    El sitio en cuestion es http://www.ambiente.gob.do

    y el sitio que use de ejemplo es http://www.pgr.gob.do

    Deseo que el header de mi sitio actue como el header de este sitio —–> http://www.pgr.gob.do

    Moderador almendron

    (@almendron)

    @davidperez te ha dado una solución general porque el tema que usas es de pago y nosotros no tenemos acceso a él. Ese es el motivo por el que nos resulta imposible ayudarte de forma más concreta.
    Tendrás que ponerte en contacto con el soporte del tema y preguntarles a ellos.

    De todas formas, puedes hacer pruebas en http://mobiletest.me/
    Allí podrás observar el código que le afecta a cada elemento y ver si hay que alinearlo, darle algún margen, etc.

    Así, podrás ver por ejemplo que <div "class="e3lan e3lan-top"> (república dominicana) aparece debajo del la «div» que incluye el logo de medio ambiente.

    Como ya te he comentado, aún viendo esa disposición, no podemos ayudarte al no tener acceso al tema y no poder comprobar cómo está diseñado.

    Moderador almendron

    (@almendron)

    Para ver el código:
    1) Firefox: botón derecho en elemento que te interese e «inspeccionar elemento»
    2) Chrome: lo mismo pero clic en «Insepcionar»

    Buenas @multimediard te he entendido perfectamente. Y si sigues lo que te comento, con un poco de programación CSS podrás solucionar lo que comentas.

    Moderador LGrusin

    (@lgrusin)

    Podrías usar los mismos temas en los dos sitios…

    Un saludo

    Yo puedo darte acceso al tema y asi ves el codigo.

    Ya he tocado todos los elementos del header utilizando la herramienta de inspeccion de Firefox y lo unico que he logrado es que desaparezca por completo.

    He pedido ayuda a los creadores del Theme y lo que hicieron fue enviarme a donde un desarrollador experto el cual me cobra por hacer la modificacion, pero yo ya pague 41 dolares por el soporte al creador (TieLabs) y ellos solo dicen que el soporte no me cubre nada de eso. Por eso busco ayuda aqui.

    Hola @multimediard como te indican @davidperez y @almendron al ser un tema de pago, ellos (sus desarrolladores) deben darte el soporte, David te indicó por donde debes comenzar, por ejemplo cambiando la clase del menú para que tenga un float left en vez de right o similar en el código, pero al no ser un tema gratuito no tenemos acceso al código del mismo y no vamos a poder realizar la labor que debe hacer quien ha cobrado por ello (el desarrollador del tema), puede que el soporte en efecto no te cubra cambios del tema que no tengan contemplados, para lo que deberías contratar un programador que si te sepa hacer estos cambios o buscar un theme que se adapte a lo que inicialmente busques como también te ha sugerido @lgrusin

    Saludos.

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Modificar el header de mi template para movil’ está cerrado a nuevas respuestas.