Ondersteuning » Thema en CSS/opmaak » responsive theme woo deli logo te klein op mobiel.

  • Opgelost testinah

    (@testinah)


    I ben http://www.luctest.ga/blog/ aan het testen. Ik heb een logo gemaakt wat er qua grootte goed uitziet op de laptop. Mobiel wordt het logo echter zo klein dat het niet meer leesbaar is. Hoe kan ik de CSS veranderen zodat het logo op mobiel wel goed leesbaar is?

    Luc

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Bas

    (@basz85)

    Dag Luc,

    Allicht werkt deze onderstaande code wel:

    #logo img {
    max-width: 100%;
    height: auto !important;
    }

    Tip: Gebruik de plugin Simple Costum CSS en download en activeer deze plugin en ga naar Weergave -> Costum CSS en selecteer/kopieer de bovenstaande code en plak de code in de Costum CSS. Wijzigingen opslaan, browser verversen en controleren op je mobiel of tablet of de veranderingen zijn doorgevoerd.

    Het mooiste aan deze plugin is, dat de bestand style.css van je thema onveranderd blijft en dat je alleen wijzigingen doorvoerd in deze plugin en ook direct te zien.

    Succes!

    Ik hoor het graag over het gelukt is of dat je nog verder nog hulp nodig hebt of vragen.

    Groeten,
    Bas

    Thread starter testinah

    (@testinah)

    Hallo Bas,

    Dank je voor jouw reactie!

    Helaas werkt het niet. Ik heb jouw code gepast in Simple custom css en het logo is nog steeds erg klein en bijna onleesbaar op mobiel. Vanaf een bepaalde schermgrootte (ongeveer tabletniveau) springt het logo ineens naar heel klein en schaalt niet meer mooi mee.

    Ik zie trouwens nergens de code in Firebug. Weet jij zo in welk thema/ stijlblad de code zit die aangepast moet worden?

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘responsive theme woo deli logo te klein op mobiel.’ is gesloten voor nieuwe reacties.