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

Sticky Header and Primary navigation for genesis

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.

This topic is: resolved

Tagged: genesis, sticky header, Sticky Navigation

This topic has 1 reply, 2 voices, and was last updated 9 years, 7 months ago by Doug Edgington.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
March 24, 2016 at 8:15 am #182165

daniellefrappier
Member

Does anyone happen to know of a code snippet to show how to make the header AND the primary navigation sticky? I keep running into examples that show one or the other but not both.

March 24, 2016 at 5:31 pm #182190
Doug Edgington
Member
If you navigation is within the header, then you would just make the header fixed. See the example below. The .admin-bar style declaration is to accommodate the admin bar along with the fixed header.
```
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.admin-bar .site-header {
	top: 32px;
}
```
Doug Edgington
http://www.dougedgington.com
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.