Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Custom css code voor header in mobiele weergave

Custom css code voor header in mobiele weergave

20 okt 2014 17:05
#1
Hallo,

Ik heb een template met de nieuwste versie van Artisteer gemaakt, dit is zichtbaar op de volgende test site: www.banbadminton.org . Nu heb ik de header zo gemaakt dat die links uitgelijnd is. Echter om te zorgen dat de header ook op de mobiele weergave zichtbaar is heb ik de volgende code uit template.css aangepast:
Code:
.default-responsive .ban-object657850247 { display: none; }
gewijzigd in:
Code:
.default-responsive .ban-object657850247 { display: nonee; }

Door de extra "e" erbij te zetten werkt de code niet meer, dit is de bedoeling. Hierdoor wordt de afbeelding ook in de mobiele weergave goed weergeven.
Heeft iemand een idee welke code ik in de custom css kan zetten zodat ik niet telkens bij het wijzigen van mijn template de bovenstaande wijzigingen via FTP hoef uit te voeren?
Discussie gesloten.
  • c121
  • c121's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 38

Custom css code voor header in mobiele weergave

20 okt 2014 17:42
#2
Code:
display:block;
Denk ik. Maar Artisteer kan nog wel eens eigenwijs zijn.
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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37132

Custom css code voor header in mobiele weergave

20 okt 2014 18:05
#3
Hallo Astrid,

Bedankt, het is gelukt!

Er ontbrak in jouw code trouwens nog een spatie tussen ":" en "block"
Code:
display: block;

Voor de volgende persoon die ook het zelfde probleem heeft kan je dus de volgende code gebruiken:
Code:
.default-responsive .ban-object657850247 { display: block; }
Wijzig dan wel .ban-object657850247 naar de naam die jij gebruikt.
Discussie gesloten.
  • c121
  • c121's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 38
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.916 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie