Locking The Top Menu

Forgive me if this is a dumb question, but how do I anchor the top menu to the top of the page so that it doesn't disappear when you scroll down?

Thanks in advance.

Hello,

So you want to have fixed menu, right? Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all

#gk-page-top {
   background: #000;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10000;
}


Many thanks.

If anyone else uses this post, in addition to the above, I had to put

Code: Select all

#gk-header-top {
  margin-top: 54px;
}

in as well.

Works fine

Since my last post, I have discovered that these changes have broken the drop down menu on mobiles. The three lines for the menu drop down just show "SELECT A PAGE".

I need a fix rather urgently.

Thanks in advance.

i think it's line 85 in header.php. Looking at it, I'm not sure it was working before the above fixes.

Now sorted. It was a plugin conflict. It always helps when you look in the right place!