fixed main menu on top

Is there a possibility to fix main menu on top while scrolling web page down ?

Hi,
yes but request small CSS customization, I didn't saw your page, so I prepared code based on my demo.

Code: Select all

#gkMainMenu.gkTopSpace { position: fixed; }
#gkHeader { margin-top: 110px; }
.gkMain.gkWrap {margin-top: 110px; }
 

This #gkHeader use only if you are using module on this section/position.

Thanks this worked with some problems.

Menu stays on top and content rolls on it. So menu just hides under content. and only in transparent places is visible.

Hi,
yes but request small CSS customization, I didn't saw your page, so I prepared code based on my demo.

Code: Select all

#gkMainMenu.gkTopSpace { position: fixed; }
#gkHeader { margin-top: 110px; }
.gkMain.gkWrap {margin-top: 110px; }
 

This #gkHeader use only if you are using module on this section/position.

Like I said it was only simple tip. You wanted only menu, not all top element to be fixed.
I still didn't saw your website URL, is this clear ?

Well site is very similar like on demo http://prezervatyvai.lt

I thought it is obvious that future should be usable, so I didn't get to details Sorry.

Like I said it was only simple tip. You wanted only menu, not all top element to be fixed.
I still didn't saw your website URL, is this clear ?

ok, so now last question.
you want only mone with logo fixed ? or also phone + e-mail + right top menu.

If only menu with logo - use this:

Code: Select all

 #gkMainMenu.gkTopSpace { position:fixed; z-index:9999; }
#gkPageWrap { margin-top: 99px;}

you can change value of top margin if you need to.

With top bar would be problem - because it don't have its own background color. So it would look stupid, but if you like...

If Logo+Menu with top bar use this instead:

Code: Select all

#gkMainMenu.gkTopSpace {
    margin-top: 40px; position: fixed; z-index: 9999;
}
#gkPageTopFeatures {
    background: rgba(248,248,248, 0.95);
    position: fixed; z-index: 997;
}
#gkPageWrap { margin-top: 130px;}

You can change background color of TopFeatures if you need, I use very small transparency effect.

I hope this is all in this topic.

By the way, I was working on shop with exactly this same products , so I know very well this topic.
1) I suggest to add slideshow on home page with banners like I had here: sensomat.pl
2) And add more description for My.Size this is quite new product and it's worth to interest people why they should choose those.
etc.

But pssst...
If you want more marketing tips use PM.

The main thing why we removed all slides and similar is speed. Gavik templates especially e-sport is very very slow. We think of changing to something else, but changes always hard thing to do..

I will check your code and let you know.

Thanks.

By the way, I was working on shop with exactly this same products , so I know very well this topic.
1) I suggest to add slideshow on home page with banners like I had here: sensomat.pl
2) And add more description for My.Size this is quite new product and it's worth to interest people why they should choose those.
etc.

But pssst...
If you want more marketing tips use PM.

eSport template is old, probably that why.