header en navbar vastzetten geeft problemen

Moderator: pe7er

Forum rules
Forum Regels
Post Reply
MJGPN
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Wed Apr 24, 2019 9:15 am

header en navbar vastzetten geeft problemen

Post by MJGPN » Fri Jul 05, 2019 2:27 pm

Beste forum leden,

Ik probeer al een tijdje mijn header en navigatiebar vast te zetten aan de bovenzijde van mijn webpagina. Nu is het mij gelukt om de footer vast te zetten en uiteindelijk ook de header met navigatiebar door de onderstaande code in mijn module Custom CSS te zetten.

/* fixednav*/
#sp-section-2 {

background-color: #007bff;
position: fixed;
top: 100px;
width: 100%;
z-index: 911;

}
/* fixedheader*/
#sp-section-1 {

height: 40px;
position: fixed;
top: 0;
width: 100%;
z-index: 911;

}

Het levert echter het volgende probleem op: de page title blijft half er onder hangen. Iemand een idee hoe ik dit kan oplossen?

Alvast bedankt voor de hulp.

Gr. Marco

User avatar
Rondeb
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 133
Joined: Mon Dec 02, 2013 12:14 pm
Location: Meschede - Germany
Contact:

Re: header en navbar vastzetten geeft problemen

Post by Rondeb » Sun Jul 07, 2019 8:02 pm

Hallo Marco,

heb je misschien een link naar je site?

In ieder geval moet je het blok van je titel laten zaken door middel van padding of margin.

Groeten Ron

MJGPN
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Wed Apr 24, 2019 9:15 am

Re: header en navbar vastzetten geeft problemen

Post by MJGPN » Fri Jul 12, 2019 2:04 pm

De link naar de website is www.poecilia.nl

De code staat al niet meer in de css, dus de header en navbar staan niet meer vast. Ik merk dat als ik padding-top toevoeg dat ook effect heeft op de navbar? Die wordt ineens hoger. Misschien is de code die ik wil invoegen wel niet correct?

Gr. Marco

User avatar
Rondeb
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 133
Joined: Mon Dec 02, 2013 12:14 pm
Location: Meschede - Germany
Contact:

Re: header en navbar vastzetten geeft problemen

Post by Rondeb » Sat Jul 13, 2019 9:33 am

Hallo Marco,

in helix 3 heb je de optie Sticky Header heb je dat al geprobeerd?
sticky.jpg
Groeten Ron ;)
You do not have the required permissions to view the files attached to this post.

MJGPN
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Wed Apr 24, 2019 9:15 am

Re: header en navbar vastzetten geeft problemen

Post by MJGPN » Sat Jul 13, 2019 2:06 pm

Beste Ron,

Die optie had ik al geprobeerd, maar dat werkt op de één of andere manier niet. Daarom was ik blij dat het wel met de code lukte, alleen geeft dat weer andere problemen. Dus als je een oplossing hebt waarmee ik mijn header en navbar op de juist manier vast kan zetten dan hoor ik dat graag.

User avatar
Rondeb
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 133
Joined: Mon Dec 02, 2013 12:14 pm
Location: Meschede - Germany
Contact:

Re: header en navbar vastzetten geeft problemen

Post by Rondeb » Sat Jul 13, 2019 7:59 pm

MJGPN wrote:
Sat Jul 13, 2019 2:06 pm
Die optie had ik al geprobeerd, maar dat werkt op de één of andere manier niet.
Wat gebeurt er dan als je hem inschakelt? Heb een aantal sites gemaakt met helix 3 en daar blijf het menu en het logo gewoon vast als de optie aanstaat.

Groeten Ron :)

MJGPN
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Wed Apr 24, 2019 9:15 am

Re: header en navbar vastzetten geeft problemen

Post by MJGPN » Sun Jul 14, 2019 4:29 am

Rondeb wrote:
Sat Jul 13, 2019 7:59 pm

Wat gebeurt er dan als je hem inschakelt?

Groeten Ron :)
Ik heb de optie "sticky header" nu op "yes" staan en zal dat even zo laten zodat je kunt zien dat die optie bij mij helemaal niet werkt.

MJGPN
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Wed Apr 24, 2019 9:15 am

Re: header en navbar vastzetten geeft problemen

Post by MJGPN » Sun Jul 14, 2019 9:12 am

Ik dacht dat ik het probleem zelf al had opgelost met onderstaande code, maar dat geeft weer problemen op mobiele telefoons. Er komt te veel ruimte tussen de header en de navbar.

/* fixednav*/
#sp-section-2 {

background-color: #007bff;
position: fixed;
top: 100px;
width: 100%;
z-index: 911;

}
/* fixedheader*/
#sp-section-1 {

height: 40px;
position: fixed;
top: 0;
width: 100%;
z-index: 911;

}
/* title*/
#sp-title {

min-height: 0;
padding-top: 150px;

}

User avatar
Rondeb
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 133
Joined: Mon Dec 02, 2013 12:14 pm
Location: Meschede - Germany
Contact:

Re: header en navbar vastzetten geeft problemen

Post by Rondeb » Mon Jul 15, 2019 7:58 am

Hoi,

vreemd dat Sticky Header niet werkt!

Heb zojuist local op een test site even helix 3 geïnstalleerd en daar werkt het ook gewoon.

Dus ik vermoed dat je meer code in je .css hebt gezet wat nu roet in het eten gooit met Sticky Header.

Als ik jou was zou ik eens nagaan welke custom css je hebt toegevoegd.

Succes ermee.

Groeten Ron :)

MJGPN
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Wed Apr 24, 2019 9:15 am

Re: header en navbar vastzetten geeft problemen

Post by MJGPN » Mon Jul 15, 2019 10:35 am

Er staat heel veel code in mijn custom css, dus dat zou ook inderdaad het probleem kunnen zijn. Ik laat het voorlopig zoals het is, in principe werkt de code die er nu in staat.

Bedankt voor je hulp!


Post Reply

Return to “Algemene vragen”