Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- De versie van de extensie waar de vraag over gaat.
Header wijzigen voor smartphone
- Donamd
-
Heeft onderwerp gestart
- Regelmatige bezoeker van Joomla!NL
-
- Berichten: 269
Header wijzigen voor smartphone
27 aug 2016 09:59
Zou je kunnen doen met behulp van media queries. Je kan die afhankelijk maken van een apparaat(device), maar ook van een schermgrootte. Even als voorbeeld hoe de media query eruit:
Als je deze binnen je eigen stylesheet zou zetten, dan zal bij een schermgrootte <= 480 pixels, het logo in de header een hoogte krijgen van 90 pixels in plaats van de 180 pixels die hij nu is. Het is het beste om media queries onderin je stylesheet te zetten. Dit zodat ze allemaal bij elkaar staan, en omdat bij CSS het principe laatst geschreven regel wint geldt.
Code:
@media screen and (max-width: 480px) {
.header { background-size: auto 90px; }
}
Als je deze binnen je eigen stylesheet zou zetten, dan zal bij een schermgrootte <= 480 pixels, het logo in de header een hoogte krijgen van 90 pixels in plaats van de 180 pixels die hij nu is. Het is het beste om media queries onderin je stylesheet te zetten. Dit zodat ze allemaal bij elkaar staan, en omdat bij CSS het principe laatst geschreven regel wint geldt.
- Juliank92
-
- Algemeen Moderator
-
- Berichten: 1722
