StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to use position:fixed with Genesis 2.0 header?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to use position:fixed with Genesis 2.0 header?

This topic is: not resolved

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 20, 2013 at 8:52 pm #41952
    ithacaindy
    Member

    I'm experimenting with the Genesis 2.0 Beta and a child theme with a header/menu which remains pinned to the top of the browser display. I'll likely need to use position:fixed in the css - but is it a simple drop-in for the #header code, or is something more complex required?

     

     

    http://www.ithacaindy.com
    May 20, 2013 at 9:38 pm #41956
    Brad Dalton
    Participant

    This is what i used to create a sticky menu in Genesis which you should be able to use for the header also.

    Code not displaying? Grab it on Github.

    Tutorials for StudioPress Themes.

    May 21, 2013 at 10:19 am #42034
    ithacaindy
    Member

    Thanks, Brad. A follow-up question: how do I get the main nav menu (.genesis-nav-menu?) to stick at the top, but place the submenu (also sticky) below it? Currently, if the submenu nav is populated, it grabs the top spot, obliterating my main menu.

     

     

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.