Fixed header protostar

  • Marielle Vangerven
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
04 jan 2019 13:31 #18614 door Marielle Vangerven
Fixed header protostar werd gestart door Marielle Vangerven
Ik wil de header met logo en navigatie graag fixed bovenaan mijn scherm zien. Iemand een idee hoe ik dit kan bereiken? Een eenvoudige extensie hiervoor vind ik niet echt en ik heb volgende oplossing ook al geprobeerd, tevergeefs.
bj.zemplate.com/protostar-responsive-tem...-the-top-of-the-page
Discussie gesloten.
  • Patrick
  • Gebruiker
  • Gebruiker
  • Joomla Enthousiasteling
Meer
04 jan 2019 18:15 #18615 door Patrick
Beantwoord door Patrick in topic Fixed header protostar
Als je een link hebt, dan kunnen we even meekijken. Het voorbeeld wat je geeft is alleen voor een navigatie.

Zo uit de losse hand zal iets zoals onderstaand moeten worden ingevoegd in de custom.css:
Code:
.header, .top { position: fixed; }
Discussie gesloten.
  • Job van Barneveld
  • Gebruiker
  • Gebruiker
Meer
05 jan 2019 08:03 #18618 door Job van Barneveld
Beantwoord door Job van Barneveld in topic Fixed header protostar
Interessante vraag. Mocht je de oplossing hebben, zou je je die dan hier willen plaatsen? Alvast bedankt.
Discussie gesloten.
  • Leen
  • Gebruiker
  • Gebruiker
  • hobbie
Meer
05 jan 2019 10:42 #18619 door Leen
Beantwoord door Leen in topic Fixed header protostar
Hallo,
Nog wat aanvulling op @Patrick
in protostar is geen custom.css maar moet je een user.css aanmaken .
en de code werkt dan wel een beetje alleen of mooi is weet ik niet
ps
vandaag eens lokaal de link gevolgd uit je eerste bericht en voor het top menu
lijkt het te werken ik heb hierbij de user.css en index.php in een zipje bij gevoegd
Pak deze op je pc uit en gebruikt de bestandjes.
hernoem even je eigen protostar index.php en user.css naar iets anders om het te
testen achtergrond kleur is even geel van menu balkje.

misschien is het wat je zoekt de code van @Patrick heb ik hierin niet getest .

lvda
Bijlagen:
Discussie gesloten.
  • Marielle Vangerven
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
07 jan 2019 11:57 #18641 door Marielle Vangerven
Beantwoord door Marielle Vangerven in topic Fixed header protostar
Bedankt al om mee te denken. Als ik de header op position fixed zet zoals Patrick voorstelt, loopt mijn banner over mijn header. Het gaat om dominomeldert.be, dan weet je wat ik bedoel. En als ik de door Leen geleverde index.php en user.css gebruik, verandert er niets, behalve dat mijn logo tegen de bovenrand staat. Maar tijdens het scrollen gaat gewoon alles omhoog, zoals altijd. Ook als ik de browsercache leeg.
Discussie gesloten.
  • Leen
  • Gebruiker
  • Gebruiker
  • hobbie
Meer
07 jan 2019 12:07 #18642 door Leen
Beantwoord door Leen in topic Fixed header protostar
Hallo,
MarVan,
Ik heb hier hoe het bij mij werkt Voorbeeld protostar
heb je misschien overredes gemaakt of andere aanpassingen in template Protostar.
en het hoofdmenu moet wel op position-1 staan


lvda
Discussie gesloten.
  • Leen
  • Gebruiker
  • Gebruiker
  • hobbie
Meer
07 jan 2019 12:25 #18643 door Leen
Beantwoord door Leen in topic Fixed header protostar
Hallo,
Maar ik zie dus jouw site en je werkt met de plaatjes ipv een menu.
als ik deze code probeer blijven de menu plaatjes redelijk staan
alleen net als in mijn eigen test schuift er soms een plaatje over heen ipv achterlangs
Code:
.nav { margin-left: 0; margin-bottom: 18px; list-style: none; position: fixed; left: 300px; }

lvda
Discussie gesloten.
  • Marielle Vangerven
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
Meer
07 jan 2019 12:46 #18644 door Marielle Vangerven
Beantwoord door Marielle Vangerven in topic Fixed header protostar
Hoi Leen
Bij uw aanpassing was ik inderdaad vergeten dat mijn menu op positie 0 staat. Maar ik heb intussen alles aangepast en mijn menu staat boven mijn logo. Dit kan ik door de fixed positie ook niet aanpassen met float: right of zo. En ... als ik scroll, blijft alles omhoog gaan.
Discussie gesloten.
  • Leen
  • Gebruiker
  • Gebruiker
  • hobbie
Meer
07 jan 2019 12:55 #18645 door Leen
Beantwoord door Leen in topic Fixed header protostar
Hallo,
Nu blijft je plaatjes menu wel staan alleen uiterst links.
maar ik vind het vreemd dat ik nog steeds met firefox webontwikkellaar geen user.css kan vinden
heb je die wel gemaakt in template css map ? en anders even alles weer terug zetten zoals het was.


lvda
Bijlagen:
Discussie gesloten.
  • Leen
  • Gebruiker
  • Gebruiker
  • hobbie
Meer
07 jan 2019 12:59 #18646 door Leen
Beantwoord door Leen in topic Fixed header protostar
zoals je hem net had klijg ik met dit hem zo als plaatje
maar daarom is het werken met een user.css wel handig want daarin kan je de code's
makkellijker inzetten van de veranderingen zonder in de template.css te rommelen

lvda
Bijlagen:
Discussie gesloten.
Gemaakt door Kunena