1. MarVan
  2. de Cock
  3. Templates
  4. vrijdag 04 januari 2019
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.
http://bj.zemplate.com/protostar-responsive-template/how-to/88-how-to-have-a-fixed-menu-across-the-top-of-the-page
Geaccepteerde antwoord
Geaccepteerde antwoord Pending Moderation
Leen, dat was niet de hele oplossing, maar het heeft me wel geholpen! Merci, merci, merci!
Ik heb het nu (bijna) helemaal zoals ik wil en @Job, zo heb ik het gedaan:

.header{
position: fixed;
left: 5px;
right: 5px;
z-index: 1000 !important;
background-color: #fff;
}

Oh, en ik ga vanaf nu inderdaad de user.css enkel gebruiken voor aangebrachte wijzigingen.
  1. meer dan een maand geleden
  2. Templates
  3. # Permalink
Patrick Smits
Gebruikersgroep regio Utrecht
Geaccepteerde antwoord Pending Moderation
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:


.header, .top {
position: fixed;
}
  1. meer dan een maand geleden
  2. Templates
  3. # 1
Geaccepteerde antwoord Pending Moderation
Interessante vraag. Mocht je de oplossing hebben, zou je je die dan hier willen plaatsen? Alvast bedankt.
  1. meer dan een maand geleden
  2. Templates
  3. # 2
Geaccepteerde antwoord Pending Moderation
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 .
Bijlagen
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 3
Geaccepteerde antwoord Pending Moderation
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.
  1. meer dan een maand geleden
  2. Templates
  3. # 4
Geaccepteerde antwoord Pending Moderation
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
  1. meer dan een maand geleden
  2. Templates
  3. # 5
Geaccepteerde antwoord Pending Moderation
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

.nav {
margin-left: 0;
margin-bottom: 18px;
list-style: none;
position: fixed;
left: 300px;
}
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 6
Geaccepteerde antwoord Pending Moderation
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.
  1. meer dan een maand geleden
  2. Templates
  3. # 7
Geaccepteerde antwoord Pending Moderation
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.
Bijlagen
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 8
Geaccepteerde antwoord Pending Moderation
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
Bijlagen
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 9
Geaccepteerde antwoord Pending Moderation
Ik heb dit gewoon toegevoegd in de template.css, maar ik zal deze gauw hernoemen naar user.css. Meestal doe ik dit pas als al mijn aanpassingen klaar zijn, zodat ik bij updates geen problemen heb.
  1. meer dan een maand geleden
  2. Templates
  3. # 10
Geaccepteerde antwoord Pending Moderation
Ik zie nu ook dat de menu inderdaad wel blijft staan, maar is er geen mogelijkheid dat de rest van de website, tijdens het scrollen, onder de header in kruipt? Anders heeft het immers geen nut dat de menu blijft staan.
  1. meer dan een maand geleden
  2. Templates
  3. # 11
Geaccepteerde antwoord Pending Moderation
Ja die dj slider gaat er voorlangs zie ik dus daar is nog even wat na te zoeken of dat anders kan
ps
en ik durf niet te zeggen dat hernoemen van template.css naar user.css een goed idee is
de template css is nog al groot met veel regels van daar het advies om ook een(lege) user.css bij
te maken en daar de gegeven test code's steeds in te zetten om te proberen.
zo kan je dan gemakkelijker iets terug vinden.
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 12
Geaccepteerde antwoord Pending Moderation
Ja voor de dj-slider zou je dit kunnen uit testen in user.css
het gaat vooral om de z-index

.djslider-loader-default {
margin: 0 auto;
position: relative;
background: url(../images/loader.gif) center center no-repeat;
max-width: 100%;
overflow: hidden;
z-index: -100;
}

ik heb deze wijsheid hier gevonden menu achter slider
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 13
Geaccepteerde antwoord Pending Moderation
en ik zie nu wel user.css
probeer eens te kijken of deze code ook werkt
als er al zoiets staat even bijwerken ik meen te zien 2 keer in staat maar kan mis hebben

.nav {
list-style: none;
position: fixed;
left: 300px;
z-index: 100;
}
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 14
Geaccepteerde antwoord Pending Moderation
Hallo MarVan,
Fijn dat het toch nog naar je zin gaat.
En zo user.css is gewoon handiger en als je gewoon daar een copy op je pc / laptop
bewaard hoef je alleen die weer terug te plaatsen na een upgrade template en of eventueel
foutje met ingevoegde extra code's . :D
lvda
  1. meer dan een maand geleden
  2. Templates
  3. # 15
  • Pagina :
  • 1


Er zijn nog geen reacties op dit bericht.
U mag echter niet reageren op dit bericht.
Sorry de discussie is momenteel gesloten. U kunt nu geen reactie plaatsen.