Minnow Theme: Locking sub-menu bar to top of screen

  • yihwan · Member ·

    I’m new to CSS, so I’m not even sure if this is possible. But I figured I’d ask anyways!

    I’d like to lock the sub-menu icon (the three stacked horizontal rectangles) to the top of the page no matter where the viewer is on my site. Right now, it only appears if you’re at the very top of a page.

    Is there any way I can make it lock it down so that it stays at the top when a reader scrolls down? Could I also add links to this locked bar?

    If CSS isn’t the best way to go about, what might be an alternative solution?

    The blog I need help with is: (visible only to logged in users)

  • staff-happychia · Staff ·

    Could you try this CSS and see if you like the result :-)

    button.menu-toggle {
    position:fixed;
    margin-top: 50px;
    margin-right: 30px;
}

button.menu-toggle.toggle-on {
    position:fixed;
    margin-top: 50px;
    margin-right: 350px;

}

    Adjust the top and right margins until you get the menu icon to the position you would like.

  • The topic ‘Minnow Theme: Locking sub-menu bar to top of screen’ is closed to new replies.