Facebookknop op WPTouch doet het niet

Hoi Cathelijn,

Zo te zien verwijst de Facebook knop op de mobiele versie naar https://www.homecarehuisdierservice.nl/www.facebook.com/hchuisdierservice

Dus de juiste link wordt achter jouw site URL geplaatst.

Waarschijnlijk heb je dan als URL achter de knop op de mobiele pagina: www.facebook.com/hchuisdierservice ingevuld zonder protocol (http / https) er voor.

Als je de link achter de Facebook knop op de mobiele versie vervangt met: https://www.facebook.com/hchuisdierservice dan zal het weer werken.

• Deze reactie is gewijzigd 2 jaren, 5 maanden geleden door DigitPipe.
• Deze reactie is gewijzigd 2 jaren, 5 maanden geleden door DigitPipe.

Hoi,

Ik kom tot dezelfde conclusie als DigitPipe, lijkt erop dat de FB-link niet juist ingevoerd is.

Jouw thema heeft ook een mobiel stylesheet, heb je die extra WPTouch plugin daar echt nog voor nodig?

Guido

Hoi Cathelijn,

Je thema heeft dit al ingebouwd (CSS voor mobiele weergave), de meeste thema’s tegenwoordig overigens. Kan natuurlijk zijn dat je niet tevreden genoeg daarmee bent, en wel met wat de WPTouch plugin doet.

Guido

Graag gedaan. Probeer deze fix eens voor kleine schermen:

@media screen and (max-width:767px) {
	.custom-header {max-height:300px;}
	.site-heading  {padding-top:50px; padding-bottom:50px;}
}

Voeg dit toe op pagina Extra CSS van de Customizer.

Dit maakt de headerafbeelding bovenaan een stuk lager.

Guido

Hoi Cathelijn,

Je hebt de header bovenaan nu maar 120px hoog gemaakt, dat is wel erg laag, met zo’n lange titel.

Je kunt lettertype van deze titel wel kleiner maken, door dit aan mijn eerdere CSS toe te voegen, direct onder .site-heading:

h1.site-title a {font-size:30px; line-height:1.5;}

Wat de afbeeldingen betreft, ik kan je een fix geven om ALLE rechts uitgelijnde afbeeldingen in klein scherm te centreren zodat er geen tekst meer naast komt. Of CSS voor specifieke afbeeldingen.

Guido

Hoi,

Je hebt de hoogte nu op 120px ingesteld en boven en onder de titel heb je nu 50px padding, dus dan houd je maar 20px voor de titel over. Dat is te weinig. Ik zou de hoogte op minimaal 150px zetten. Of desnoods de padding verminderen.

Ja, elke afbeelding heeft een eigen ID dus je kunt voor elke afzonderlijke afbeelding CSS toevoegen. Als je bv de bovenste afbeelding op pagina “Even voorstellen” wilt centreren in klein scherm, voeg dit dan toe op dezelfde manier als de andere CSS die ik je doorgaf:

.wp-image-147.alignright {float:none; display:block; margin-left:auto; margin-right:auto;}

Guido

Hoi,

Je moet die CSS dan wel tussen die media query zetten:

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

om de ID van de afbeelding te vinden, ga met je muis op de afbeelding staan, rechtermuisklik, dan die je bij de class bv wp-image-408 staan. 408 is dus de ID.

Guido

Mooi zo en graag gedaan 🙂

Ik zie dat de site titel op andere pagina’s geen heading H1 is. Dus dan moet je dit nog even toevoegen aan al die CSS die ik je eerder gaf:

.site-title a {font-size:22px; line-height:1.5;}

Guido