How can I eliminate the menu at the top while scrolling?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Jul 21, 2013 3:04 am
Reply with quote
Report this post
With the way the template is currently set-up, as you scroll down, the menu stay at the top of your page...

I'm wondering if I can eliminate this effect. Also, an even better option for me would be if I could disable that effect only on certain pages.

Any help or advice on how to do this would be very much appreciated :D

David
User avatar
Expert Boarder

GK User
Sun Jul 21, 2013 9:59 am
Reply with quote
Report this post
Hi,
templates/gk_simplicity/css/menu/menu.css line ~~235 "#gkMenuWrap "

delete this: position: fixed;


or override with default value.
User avatar
Platinum Boarder

GK User
Sun Jul 21, 2013 10:06 am
Reply with quote
Report this post
Also, an even better option for me would be if I could disable that effect only on certain pages.


It won't be easy, it required knowledge and customization of Gavern Framework more then just changed one line of css.
User avatar
Platinum Boarder

GK User
Wed Jul 24, 2013 7:47 pm
Reply with quote
Report this post
Pawel F wrote:Hi,
templates/gk_simplicity/css/menu/menu.css line ~~235 "#gkMenuWrap "

delete this: position: fixed;


or override with default value.


Thank you Pawel. I tried this, but the menu just disappears. Any idea why?

This is the top of the page after the change:

Screen Shot 2013-07-24 at 11.46.43 AM.png
User avatar
Expert Boarder

GK User
Wed Jul 24, 2013 8:23 pm
Reply with quote
Report this post
Sorry, my fault, I was too quick ;)
1) You have to use relative for position value:

Code: Select all
#gkMenuWrap  {position:relative;}


2) And hack our framework, because you have to move menu from the bottom to the top


From gk_simplicity/layouts/default.php file copy/cut all block
Code: Select all
<div id="gkMenuWrap" class="active"><div id="gkHeaderNav" class="gkPage"> (...) </div>

and paste above
Code: Select all
<header class="gkNoMenu" id="gkHeader"> (...) </header>


To get this order
User avatar
Platinum Boarder

GK User
Thu Jul 25, 2013 12:44 am
Reply with quote
Report this post
Hey Pawel,

Thank you again for your help. Can you be a little more specific? I attempted to do what you said, but I was unable to get it to work... I think I'm mainly confused about what code to copy where to paste it in the default.php file...

Your help is very much appreciated! :D

David
User avatar
Expert Boarder

GK User
Thu Jul 25, 2013 7:40 pm
Reply with quote
Report this post
Sure,
I have found easier solution, just two lines of CSS, no core hacking ;)


Code: Select all
#gkMenuWrap  {position:absolute;}
#gkMenuWrap.active {top:0px}


Use in Advanced options --> Custom CSS code
User avatar
Platinum Boarder

GK User
Thu Jul 25, 2013 8:05 pm
Reply with quote
Report this post
Perfect! Thanks so much!!!
User avatar
Expert Boarder

GK User
Thu Jul 25, 2013 11:11 pm
Reply with quote
Report this post
Sorry that it taken few post to solve it, but I had to check it manually not only using firebug.

So many people asked to have fixed menu, that's why we did it .... but you asked how to remove it :D
User avatar
Platinum Boarder


cron