How to have a sticky logo header / menu header ?

  • Resolved manojglobal

    (@manojglobal)


    4 years, 8 months ago

    Hello Developers!

    Thank you for the awesome plugin. I wish if I could fix the website header on scrolling. The website header along with menu and search should be visible all the time on my website [ redundant link removed, just use the link field please ]

    Thanks for your support.

    Manoj.

    • This topic was modified 4 years, 8 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Twentig

    (@twentig)

    Hi @manojglobal,

    Thank you for your message. To stick the header to the top, inside the Customizer open the Additional CSS panel and paste the following code:

    #site-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
}

    Please note that the code doesn’t work with the Cover template (which would require complex javascript & CSS code), but it seems that you don’t use it on your website, so it should be good.

    If you enjoy Twentig, please leave us a review. We’d really appreciate it.

Viewing 1 replies (of 1 total)
  • The topic ‘How to have a sticky logo header / menu header ?’ is closed to new replies.