Fixed (in position) Navigation Bar

Jared Vorster's Avatar

Jared Vorster

06 Mar, 2012 01:46 PM

Hi,

Is it possible to positionally fix the Logo and Navigation bar (across all pages), so that when you scroll down, they stay visible ?

Please advise,
Thanks

  1. 1 Posted by Briehan Lombaar... on 06 Mar, 2012 03:06 PM

    Briehan Lombaard's Avatar

    Hi Jared,

    Try adding the following CSS to the "Header code" field of your skin settings:

    .canvas .row.header {
        background-color: #fff;
        border-bottom: 1px solid #E0E0E0;
        margin-top: -0.5em;
        position: fixed;
        width: 940px;
        z-index: 999;
    }
    .canvas .row:nth-child(2) {
        border: none;
        padding-top: 110px;
    }
    

    The main thing to note above is position: fixed; which makes the navigation row stay fixed at the top of the page.

  2. Briehan Lombaard closed this discussion on 06 Mar, 2012 03:06 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac