• Opgelost cathelijn

    (@cathelijn)


    Hoi allemaal.
    Ik zit enigzins met mijn handen in het haar…
    Ik gebruik als thema Head Blog versie 1.1.0, om de site ook voor mobiel en tablet leesbaar te houden heb ik WPTouch geïnstalleerd. Dit werkte in het verleden allemaal prima. Nu kreeg ik vorige week van iemand de tip dat mijn facebook knop het niet doet, ik krijg een 404 melding. Dit is alleen bij de mobiele versie, zodra ik overschakel naar de desktopversie werkt de fb-knop wel. Als ik daadwerkelijk op een computer test werkt de fb-knop ook. Mijn conclusie is dus dat het in de WPTouch plugin zit omdat alleen de mobiele versie niet werkt.

    Klopt dit? En kan ik hulp krijgen om de fb-knop weer werkend te krijgen voor de mobiele versie?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

9 reacties aan het bekijken - 16 tot 24 (van in totaal 24)
  • Maare… is dat gedoe met die Facebook link nu eigenlijk opgelost?

    En als je verder geen vragen meer hebt, wil je dan de status van dit topic op “opgelost” zetten?

    Guido

    Thread starter cathelijn

    (@cathelijn)

    De header is op alle pagina’s nu goed te lezen, super bedankt voor alle hulp!!

    Wat betreft facebook, ik heb de plugin verwijderd omdat u zei dat de extra plugin daar eigenlijk niet voor nodig is. De facebook knop werkt nu gewoon.

    Cathelijn

    Hoi Cathelijn,

    Graag gedaan!

    Ik zag trouwens dat je meerdere keren @media screen and (max-width:767px) gebruikt, maar dat hoeft maar 1 keer:

    
    @media screen and (max-width:767px) {
    	// hier als je css
    }
    

    En de laatste CSS die ik je gaf, heb je niet tussen die tags gezet, nu is titel overal kleiner.

    Guido

    Thread starter cathelijn

    (@cathelijn)

    Hmmm, lastig hoor allemaal.
    Klopt de titel nu wel? Mobiele versie kleine letters in de header en op de desktopversie grote letters…

    @media screen and (max-width:767px) had dus niet gehoeven om elk plaatje aan te passen?
    Kan ik dit nu overal weghalen…of…

    Hoi,

    Zo zou het moeten:

    
    @media screen and (max-width:767px) {
    	.custom-header {max-height:120px;}
    	.site-heading  {padding-top:20px; padding-bottom:50px;}
     	h1.site-title a {font-size:22px; line-height: 1.5;} 
    	.site-title a {font-size:22px; line-height:1.5;}
    	.wp-image-147.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-408.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-201.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-174.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-147.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-147.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-179.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-185.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-190.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-199.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    	.wp-image-393.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}
    }
    

    Guido

    Thread starter cathelijn

    (@cathelijn)

    Een mobiele versie bouwen was dus helemaal niet nodig, dit lijkt veel mooier.

    Guido, heel erg bedankt voor alles!!!

    Graag gedaan.

    Guido
    ps. je hebt niet alle “oude” CSS verwijderd van pagina Extra CSS. Mijn laatste blok CSS omvat alles wat je nodig hebt.

    Thread starter cathelijn

    (@cathelijn)

    Het is gelukt 😀

    Top, ziet er goed uit nu!
    Wil je het topic nog even sluiten door de status op “Opgelost” te zetten?

    Groeten, Guido

9 reacties aan het bekijken - 16 tot 24 (van in totaal 24)
  • Het onderwerp ‘Facebookknop op WPTouch doet het niet’ is gesloten voor nieuwe reacties.