Can I create a static menu that stays on top?« Back to Questions List

Hello,

I have a question... I could not find it on your Website.

Is there a possibility to have a sticky menu that stays on top of the site when scrolling?

Thanks for the Help

GC

Added November 28, 2014 7:33 pm

Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!

We have updated our previous answer to reflect using Align Output.

.fixed{
    position:fixed!important;
    z-index:10;
    top:initial!important;
    left:initial!important;
}

This CSS will fix alignment issues.

Answer by admin
Answered On December 16, 2014 9:14 pm #

Yes you can!

Fixed menus are possible, you will have to ”tell” Export Kit how and where you want them to work.

Steps 1:

In Exports Panel > Customize > Custom CSS, add this:

.fixed{
    position:fixed!important;
    z-index:10;
    top:initial!important;
    left:initial!important;
}

Updated CSS - Dec 16/14

This will create a CSS class in the output to allow any element to be ”fixed”. Use a class rather than an ID to reuse the style. Z-index will bring that item on top of all other elements. Using initial with top and left will reset the positioning, allowing you to use Align Output like normal.

Warning: Hide Overflow will have NO EFFECT on fixed elements. You must size the fixed content per your project requirements.

Step 2:

On your menu folder in your PSD, add this to the layer name:

${class|style:fixed} 

Note the style name.

OPTIONAL

If you are using Dynamic Height then you will need to add a ${skip} margin so Export Kit will measure the size of menu (used for scrolling).

Download the PSD template

We included a PSD template file with basic elements to demo a static menu.

Answer by admin
Answered On November 28, 2014 8:17 pm #
Looking for another answer? View other questions in General or get premium support for guaranteed results.
Asked by goranmax★★★
1976 views
2 answers
Last Answered 7 years ago by admin

Categories

Recent Answers

asked by SusieQ
asked by ovianet
asked by tamirr
asked by Jenelle95
[+] View All Recent Questions

Share Your Knowledge!

Contribute to the community and help other users to benefit from your answer with experience and knowledge.