Vermeld in iedere vraag duidelijk:

De versie van Joomla! 5.X die je gebruikt
De volledige url van je website indien mogelijk.
De versie van de extensie waar de vraag over gaat.

opgelost Mobiele versie ziet er anders uit dan op de laptop

Mobiele versie ziet er anders uit dan op de laptop

04 jan 2024 12:10

Hallo,

Ik heb de site gemaakt op dit adres
Ik heb een user>css gemaakt:

Code:

h {
  background-color: #7FFFD4 ;
}

.com-content-article {
background-color: #7FFFD4;
}
.container-sidebar-right  {
 background-color: #87CEFA ; 
}
.mod-breadcrumbs {
 background-color: #87CEFA; 
}
.com-content-article__body {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
:root {
    --cassiopeia-color-primary: #87CEFA;
    --cassiopeia-color-link: #224faa;
    --link-color: #333;
    --link-color-rgb: 3,7,17;
    --cassiopeia-color-hover: #333;
}
body {
    font-family: Bradley Hand;
    font-size: 92%;
}

Nu is mijn telefoon het lettertype anders (lees mooier) dan op de laptop.
Cache is geleegd

Iemand een idee wat ik fout heb gedaan?

Groet Robert

bo-almere.nl/ KVK 54179971

robertderidder
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 161

Mobiele versie ziet er anders uit dan op de laptop

04 jan 2024 12:41

Dit gaat natuurlijk niet werken. Bradley Hand is geen webfont, dus elke browser vertaalt dat anders.

Code:

body {
font-family: Bradley Hand;
font-size: 92%;
}

En deze doet niets zo te zien.

Code:

h {
  background-color: #7FFFD4 ;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37435

Mobiele versie ziet er anders uit dan op de laptop

04 jan 2024 13:25

Hoi Astrid,

Dank je wel, dat helpt.
Als ik een webfont wil gebruiken, zoals hieronder, waar zet ik de html code dan in?

Code:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">

Groet Robert

Groet Robert

bo-almere.nl/ KVK 54179971

robertderidder
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 161

Mobiele versie ziet er anders uit dan op de laptop

04 jan 2024 13:45

Heb je al bij onze handige links gekeken? Daar staan heel veel tips voor het aanpassen van Cassiopeia.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37435

Mobiele versie ziet er anders uit dan op de laptop

04 jan 2024 15:25

Dank je wel, ga ik daar naar kijken

Groet Robert

bo-almere.nl/ KVK 54179971

robertderidder
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 161

Tijd voor maken pagina: 0.713 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Mobiele versie ziet er anders uit dan op de laptop

Mobiele versie ziet er anders uit dan op de laptop

Mobiele versie ziet er anders uit dan op de laptop

Mobiele versie ziet er anders uit dan op de laptop

Mobiele versie ziet er anders uit dan op de laptop

Mobiele versie ziet er anders uit dan op de laptop

Laatste forumberichten

Wil je Joomla!NL steunen?