• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Outreach Pro Theme Fixed Header

You can make the Outreach Pro themes header sticky by using the CSS from the Genesis Sample theme.

@media only screen and (min-width: 960px) {

.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
}

}

Once you add this CSS to the end of your Outreach Pro child theme, clear caching and your header should stick to the top of your screen like this on scroll :

Outreach Pro Theme Sticky Header

Outreach Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems