Static Header

Hi there @adhitya,

I would also like to make the top menu sticky. I found this plugin: https://www.ads-software.com/plugins/mystickymenu/ While, I don’t like bulking up on plugins, I think I may give it a go…

@ adhitya,

Well, so far no luck with the plugin. Maybe I have not configured the settings correctly. I’ll keep you posted.

Well, I found this bit of code to put into the custom CSS tab in appearances.

#top-navigation { position: fixed; width: 100%; z-index: 9999; }

It works in making the red top menu sticky, however the gradient is messed up. I’m not sure how to get the gradient (shadow) layer behind the top-navigation again…

Also, it looks like my header does not have enough padding as my ads and logo are getting cut off the top.

@ Richie, is there any way to tweak this?

Thanks!

https://www.tvwatchparties.com

Hi Trampolini,

Thanks for helping. I’ve tried to install that plugin, but it doesn’t works. I don’t know what is the class or id for the setting.

Also tried your code, the same problem as you got.
Very little knowledge about coding, so Richie we wait for your help ??

sticky nav or header is not in theme features.

For myStickymenu and MesoColumn theme you can use “.top-nav” without of quotes as a sticky class in plugin settings… than you should also add some custom css in .myfixed css class field:

.myfixed { margin:0 auto!important; float:none!important; background:#EF4423!important; max-width:100%!important; min-height:40px;} .myfixed .effect-1:before, .myfixed .effect-1:after { bottom: 0px!important; }

If you don’t want background to be 100% wide leave Sticky Background Color field blank (clear)