Ondersteuning » Thema en CSS/opmaak » Header op mobiele device

  • Goedenavond,

    Als ik mijn website op mijn IPhone bekijk, wordt de header niet helemaal weergegeven. Nu heb ik een speciale plugin draaien waardoor je kan kiezen voor een desktop of mobiele versie. Het gaat om de desktop versie. Als je deze bekijkt op je mobiele telefoon is de breedte van de header (neem ik aan) niet breed genoeg.

    Nu heb ik hier zelf al mee zitten spelen, maar krijg het nooit op het juiste formaat. Weet iemand toevallig waar dit aan ligt?

    Overigens gaat het om de site: http://www.beautyopinie.nl

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Dag Ntasz,

    Wat is precies het probleem, want bij mij ziet het er op mobiel echt mooi uit.

    Uberhaupt mooie website trouwens.

    Tipje waar je misschien nog geen rekening mee had gehouden: gebruik ipv pixels percentages om de breedte te bepalen. Dit is handig omdat heel veel mobiele schermen een andere afmeting hebben.

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Thread starter Ntasz

    (@ntasz)

    Dag thijs,

    Dank je voor het compliment.

    Ik heb inderdaad ook aan de percentages zitten sleutelen, maar krijg het niet voor elkaar. Het is jammer dat ik geen foto kan uploaden van het probleem.
    Maar het komt er op neer dat de laatste E in mijn header, niet helemaal te zien is als ik mijn website met mijn IPhone bekijk. Er loopt dan over de gehele lengte van de website een witte balk als het ware ernaast. Alsof de rechtste paar centimeters van mijn website weg zijn…

    Hoop dat het zo duidelijk is 🙂

    Groeten,
    Natascha

    Hey Natascha,

    Ik heb even een screenshot gemaakt van hoe ik hem op de iphone zie, ziet er echt strak uit toch?

    Screenshot: http://www.wphandleiding.nl/wp-content/uploads/2014/09/foto.png

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Thread starter Ntasz

    (@ntasz)

    Dank je Thijs,

    Maar scroll nu eens door naar onder; en kies voor Desktop versie. Dan zie je wat ik bedoel 🙂

    Ohhh zo 🙂

    Zou je deze code eens willen toevoegen aan je CSS bestand?

    @media only screen and (max-device-width: 480px) {
    body {
    margin-right: 0px !important;
    }
    }

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Thread starter Ntasz

    (@ntasz)

    Nee, doet helaas nog steeds niets ;( Nu ben ik hier ook niet heel handig mee. Ik heb jou stukje hiertussen gezet. Of moet ik alles vervangen door jou deel, of alleen de Widht aanpassen? Ik weet namelijk niet precies meer waarom deze op 90% stond…

    /* Mobile (Landscape) */
    @media only screen and (min-width: 480px) and (max-width: 868px) {
    .main-navigation,
    .site-footer .sidebar-inner,
    .site-info,
    .site-main .sidebar-cont1ainer,
    .one-footer-sidebar .site-footer .widget-area,
    .two-footer-sidebars .site-footer .widget-area,
    .three-footer-sidebars .site-footer .widget-area {
    margin: 0 auto;
    width: 90%;
    }

    Dag Ntasz,

    Thanks voor deze code, probeer hem eens zonder mijn extra code en met het percentage op 100%.

    Kijken of dat werkt.

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Thread starter Ntasz

    (@ntasz)

    Goedemorgen Thijs,

    Ik heb het nu aangepast naar 100%, maar het blijft helaas hetzelfde…

    Groet,
    Natascha

    Hi Natascha,

    Zou je mij willen toevoegen als gebruiker (beheerder) van de website en de inloggegevens willen doorsturen naar info@wphandleiding.nl. Dan kijk ik er even naar als je wilt.

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Hi Natascha,

    Heb het gefixed! 🙂

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Thread starter Ntasz

    (@ntasz)

    Ik zie het! Mag ik je onwijs bedanken? 🙂

    heel graag gedaan, heel veel succes met je website.

    Groet,
    Thijs
    __________________
    WordPress 4.0 Handleiding inclusief 6 maanden gratis updates http://www.wphandleiding.nl

    Hallo Thijs, ik zit met hetzelfde probleem. En heel raar want ik heb meerdere wordpress sites en die laten wel de desktopversie zien.

    Ik heb erg lang gezocht naar een instelling hiervoor., kan het helaas ook niet vinden.

    Mijn site is http://www.krachtvanbewustzijn.nl

    Mag ik weten hoe je dat anders kunt instellen?

    Alvast mijn dank,

    Lianne

    Dag Lianne,

    Wat is precies het probleem, als ik je website op mobiel bekijk ziet het er namelijk erg mooi uit.

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Het onderwerp ‘Header op mobiele device’ is gesloten voor nieuwe reacties.