NetTalk Central

Author Topic: How to Freeze NavBar or Pageheader using CSS?  (Read 3062 times)

gpabuzo

  • Newbie
  • *
  • Posts: 2
    • View Profile
    • Email
How to Freeze NavBar or Pageheader using CSS?
« on: March 31, 2023, 05:19:42 PM »
Hi,

Does anyone have done freeze the navbar at top of page in NT using the sample themes.. e.g. base?

I did some fixing where I edited the class "nt-site-header-6" to which I added the line

position: fixed;

it freezes the page header but it scrambled at the top when scrolling down the page. I think there's something I have to correct on the CSS but nothing luck. I hope someone could give me an idea of how to do it or have different approach maybe.

Appreciate your help.

Thanks,

Glenn
« Last Edit: March 31, 2023, 05:28:35 PM by gpabuzo »

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: How to Freeze NavBar or Pageheader using CSS?
« Reply #1 on: April 02, 2023, 09:50:16 PM »
Hi Glenn,

you'll need to define
"freeze the navbar".

And indeed define "navbar" ?

Cheers
Bruce

DonRidley

  • Don Ridley
  • Global Moderator
  • Hero Member
  • *****
  • Posts: 729
  • donaldridley2011@gmail.com
    • View Profile
    • Email
Re: How to Freeze NavBar or Pageheader using CSS?
« Reply #2 on: April 04, 2023, 02:50:02 AM »
I "think" he's talking about a fixed header.  Like:

https://www.w3schools.com/howto/howto_js_sticky_header.asp

But I could be wrong.
"Eliminate the impossible, whatever remains, however unlikely, must be the truth."

NetTalk 12.55
Clarion 11

gpabuzo

  • Newbie
  • *
  • Posts: 2
    • View Profile
    • Email
Re: How to Freeze NavBar or Pageheader using CSS?
« Reply #3 on: May 07, 2023, 10:33:49 PM »
Yes you're right @Don like the one sample link that you shared. Thanks