Sign in

Option to disable navbar visiblity when scrolling up

  • This topic has 4 replies, 3 voices, and was last updated 2 years, 10 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #4209
    Avatar photopart4

    Currently there doesn’t appear to be an option to disable this functionality. It would be nice to have an option for the navbar be stationary at the top of the page. The up arrow that appears allows quick access to the top of a page which negates the need for the floating navbar in my case. Also, as I have a transparent navbar, while scrolling up occasionally a person may try to click a link that is actually covered by the invisible bar; rendering it unclickable and confusing.

    A toggle placed in `Theme > Navbar` labeled “Navbar visible while scrolling” is the desired functionality.

    If there is a quick alternative method of accomplishing this as a stopgap I’m happy to hear it!

    #4221
    Avatar photoBob

    I think you can do it yourself as it is related to the theme, just a few lines of JS and CSS code.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #4523
    Avatar photopart4

    Any chance you can point me in the right direction? I don’t have much experience with JS.

    #4549
    Avatar photosh32my

    Hi part4,

    You can add the following to Tools->Custom CSS:

    header.is-visible
    {
      position: relative !important;
    }

    That will force the navbar to stay at the top of the page.

    Kind regards,

    Michael

    #4556
    Avatar photopart4

    Many thanks Michael!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.