main menu fix?

Hello everybody, Good afternoon.
Is there a script to keep the main fixed menu at the top of the page?

Hi

You can try adding this line on override.css file (don't forget to enable on template parameters > Advanced Settings)

Code: Select all

#gkPageNav {position: fixed;top: 0;width:100%;}


Cheers

Cheers Seichina!

It worked perfectly, css3 commendable.

Thanks friend!

In my case when using this my TopMenu is aligned to the left instead of center...

any way to fix this?

Well Desther ...
I do not quite understand what you meant with topmenu, but as regards the menus.
There are only these as standard in creative:
Main Menu
Footer Menu
Mobile Menu
User Menu
Top Nav
Recipes
Category Menu

None of these are left-aligned.
Can you explain better, maybe I can help you ...
One hug.

Seichinha,

I made the changes and there was no problem with mainmenu.
It was perfect, but it occupies the space of other modules such as breadcumbs.
Another detail applies after the change in the main menu item "K2."
Because mainmenu overlays the mod_search and first item of k2.
I tested inserting code with weight.
Ex:

Code: Select all

 # gkPageNav {position: fixed; top: 0 width: 100%; weight: 50%}

"or weight: 20px"
However does not apply.

Thanks

Well Desther ...
I do not quite understand what you meant with topmenu, but as regards the menus.
There are only these as standard in creative:
Main Menu
Footer Menu
Mobile Menu
User Menu
Top Nav
Recipes
Category Menu

None of these are left-aligned.
Can you explain better, maybe I can help you ...
One hug.

Yes, main menu which you wanted to be fixed on top and always shown. I was referring it as Top Menu because it is at position on top - sorry my bad.

Try viewing this at something like 24' monitor, you should see it left-aligned like me.

Ok Desther,

Please verify by entering this code solves.

Code: Select all

#gkPageNav {position:fixed; left:0px; right:0px; top:0px; bottom:0px; height:30px; width:100%;}

If possible let me know if you have the same problem with the overlay of the items mentioned by me earlier.
As breadcumb, mod_search and so on.

One hug.

Hi again

Let me check it again and i provide a better solution later night.

Hi again

Forget all previous code and use this one:

Code: Select all

#gkPageNav {position: fixed!important; top: 0;width: 94%}
#gkPageTop {padding-top: 99px!important}

I don't see other way and it looks good.

Cheers

I not dispense the line #gkPageTop {padding-top: 99px! Important} because this is a solution to not overlap breadcumbs and other modules.
But I prefer to keep the line gkPageNav #{position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 30px; width: 100%;} too.

If you do a test to reduce screen view by pressing ctrl+- along these lines
#gkPageNav {position: fixed! important, top: 0, width: 94%}
#gkPageTop {padding-top: 99px! important}
the main menu will be left-aligned.
Press CTRL+0 screen back to normal.

But i prefer well::

Code: Select all

#gkPageNav {position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 30px; width: 100%;}
#gkPageTop {padding-top: 99px! important}

the same problem does not occur.

Thank you for this solution!
One hug!

If you don't mind to have gkPageNav full width (not the same as the demo) use instead:

Code: Select all

#gkPageNav {position: fixed!important; top: 0; width: 100%;margin-left: -25px}
#gkPageTop {padding-top: 99px! important}