Ondersteuning » Algemeen WordPress » Mobiele logo te groot

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Nicky,

    Kun je even toelichten wat je precies voor ogen hebt en wat je nu precies wil? Buiten het feit dat het je niet lukt weten we;

    1) niet wat je doel is
    2) wat voor codes/plugins je geprobeerd hebt.

    Gaat het enkel over de positionering en tekstgrootte van ‘Paasgedachte’?

    Jeroen

    Thread starter missyewi

    (@missyewi)

    Sorry , bedoel dat als je op je mobiel gaat en de site opvraagd, het logo maar gedeeltelijk te zien is.
    Ik zou graag willen dat het logo automatisch aanpast aan een mobiel.
    Ik heb oa codes als

    @media only screen and (max-width: 767px) {
    .logo, .logo a, .logo img {
    max-height: 50px!important; }
    .responsive .mobile_slide_out .logo img {
    margin-left: -30px!important; }}

    @media only screen and (max-device-width: 480px) {
    .logo {
    max-width:50%;
    }

    maar ook plugins als wp touch

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    De plugin oplossing moet je zeker niet doen.
    Je hebt een vaste padding op de header van 48px en de tekst zelf staat ook te groot. Het is text en geen image, hoogte of breedte instellen doe je dus niet.

    Een paar tips of probeersels:

    @media only screen and (max-width:480px){
    .logo-title {
        padding: 5px;
    }
    #header .site-title{
    font-size:1.4em;
    }
    }

    Probeer je dit even in je custom CSS veld te plaatsen in de customizer?

    Jeroen

    Thread starter missyewi

    (@missyewi)

    Waarschijnlijk nog blonder maar welke want in mijn theme heb ik ook een logo-resizer.php

    Ik krijg trouwens deze melding

    Jouw PHP-wijzigingen zijn teruggedraaid vanwege een fout op regel 332 in het bestand wp-content/themes/natural-lite/customizer/customizer.php. Repareer en probeer opnieuw.

    syntax error, unexpected ‘only’ (T_STRING)

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dat is ook niet de plek om dat te plaatsen.

    Jij zit nu manueel bestanden van je thema aan te passen. Dat is niet de bedoeling.
    Je moet via Weergave > Aanpassen en dan zit je in de eigenlijke WordPress Customizer voor thema wijzigingen door te voeren. Daar onderaan heb je ‘Extra CSS4’ en daar plak je de code.

    Jeroen

    Thread starter missyewi

    (@missyewi)

    Zie je, blond 🙁

    Maar werkt bij mij niet, sorry dat ik zo vervelend ben

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ik zie nochtans dat het nu wel goed is, wellicht heb je nog cache op je mobiel. Doe maar eens een incognito tab op je mobiel open en surf naar je site.

    Je zou nog padding-top kunnen toevoegen om de titel wat lager te plaatsen op mobiel. Ook de tekst kan nog iets groter, ik had om te testen 1.4em gepakt. Maar ga zeker niet naar 2.6em op mobiel want dan is hij weer te groot.

    Jeroen

    Thread starter missyewi

    (@missyewi)

    O super , je bent een grote engel !!!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ok prima.
    Ik heb dit topic op opgelost geplaatst.

    Jeroen

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Mobiele logo te groot’ is gesloten voor nieuwe reacties.