Supporting each other

Community forums

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

TOPIC: Navigation bar staying visible

Navigation bar staying visible 1 month 2 weeks ago #7434

  • ruthlammers
  • ruthlammers's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • 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 1 month 2 weeks ago #7452

  • simonbarne
  • simonbarne's Avatar
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 3
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 1 month 2 weeks ago #7454

  • ruthlammers
  • ruthlammers's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • 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 1 month 2 weeks ago #7455

  • simonbarne
  • simonbarne's Avatar
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 3
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.090 seconds
Copyright © 2021 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search