Which menu do you mean? The social media menu or the main menu? And what exactly do you want to solve?
I mean main menu on header 🙂 If I scroll the page, I want in order that main menu (under header image) stay on top. e.g. like this: http://sktthemesdemo.net/iamonepro/ (if you scroll down, the menu stay on top page). Is it intelligible? 🙂
Unfortunately I do only know that you have to change the positions of the header and the menu. In addition you have to use jquery to run it. But I don’t know how exactly to get it work. Sorry…
hi…
its called “sticky menu”
use the plugin: Sticky Menu (or Anything!)
in the plugin
(basic settings)
Sticky Element: .main-navigation
(advanced settings)
z-index: 15
z-index must be set, because the menu must be the first layer that you see.
also you must change the “standard colors” – white on white is not really perfect 😉
so in your customer css:
.main-navigation {
background-color: rgba(0, 0, 0, 0.5);
}
now the menu is black with a 50% transparency. and if you scroll down, the menu “stick” on first line.
greets
andreas
Dear Andreas,
thank you for this support.
I tried it and it worked gorgeous, but unfortunately only with the browser firefox. Do you know how to solve this problem for the rest of the common browsers?
hi…
i tested at:
– chrome
– edge
– i-explorer
– firefox
– waterfox
also mobile on android and ios
i never had a problem with any browsers. maybe it is possible, that you have a plugin, that make this mistake.
i only have one problem with resize the browser – the menu will not stretch to full browser size. only if you go up to first line.
all other functions run perfect.
i will upload my test-site, than you can see it. give me some “minutes” (maybe hours) 😉
greets
andreas
so…
site is online…
http://www.kia-driver.com
but it is only german and there are a lot of mistakes. it is only a test!
article only under “einbauanleitungen” – “Sportage 3 (SL/SLS)”
greets
andreas
The above method is great for sticking the menu, but I can’t seem to nail down getting the menu to only be full opacity when sticking and still,transparent when not sticking. I tried adding .sticky-element-active to the css for making it black, but this seems not to work. If anyone has any ideas I would love to hear them.
Thanks in advance.
Mike.
thanks for your answers, but I have a little problem with plugin. I set up my template as you write but my sedebar ignore sticky menu (e.g. here: http://www.orbisunum.cz/jedu-do-mnichova/ if you scroll down, sidebar superimposed the menu). Can you help me? How can I change it?
