Fix the menu

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: https://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…

https://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: https://www.orbisunum.cz/jedu-do-mnichova/ if you scroll down, sidebar superimposed the menu). Can you help me? How can I change it?