Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Navigation bar staying visible 2 years 9 months ago #7434

  • ruthlammers
  • ruthlammers's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 9
  • Thank you received: 0
Good morning,

Is there an easy way to make the top navigation bar staying visible if you scroll down the page?

Thanks!

Please Log in or Create an account to join the conversation.

Navigation bar staying visible 2 years 9 months ago #7452

  • simonbarne
  • simonbarne's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 36
  • Thank you received: 5
If you're referring to the navigation bar in the Bootstrap Template, then adding this style to the main page (in Styles under Optional Properties) seems to work:
#topnav { position: sticky; }

Please Log in or Create an account to join the conversation.

Navigation bar staying visible 2 years 9 months ago #7454

  • ruthlammers
  • ruthlammers's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 9
  • Thank you received: 0
Thank you for your help! I was indeed referring to the bootstrap template, sorry for not being clear. This code didn't exactly work for me but it brought me the idea of the 'sticky' element, and with that I could dig further on the internet and solve the problem. Thanks again!

Please Log in or Create an account to join the conversation.

Navigation bar staying visible 2 years 9 months ago #7455

  • simonbarne
  • simonbarne's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 36
  • Thank you received: 5
Example of it working here .

Please Log in or Create an account to join the conversation.

Last edit: by simonbarne.
  • Page:
  • 1
Moderators: alimcnronm
Time to create page: 0.086 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search