• Skip to main content
  • Skip to primary sidebar

WordPress HowTo

WPHowto is the place to download free WordPress plugins and free WordPress themes. WPHowto focuses on free how-to tutorials for WordPress, popular WordPress plugin/theme reviews, best cheap WordPress hosting reviews and tutorials on WooCommerce.

  • Home
  • Plugins
    • Themes
  • Hosting
  • Contact
    • Privacy Policy
  • About

How To Disable Sticky Header in a Genesis Child Theme

As you may all know Genesis is a popular theme framework for creating a powerful, SEO-friendly, customizable, beautiful website in WordPress. This framework can be extended even further with a Genesis Child theme (also known as StudioPress theme) to design almost anything you want. One key feature found in some of these themes is “sticky header”. While sticky header is a cool feature it may not always function properly on mobile devices. Unfortunately, there is no setting in Genesis to easily turn this on/off. In this article, I will show you how you can disable this sticky header on your website without having to touch the core theme files.

How To Disable Sticky Header in Genesis

1. Go to Appearance > Customize from your WordPress admin dashboard.

screenshot showing how to navigate to the appearance customize menu in wordpress

2. Click on Additional CSS.

screenshot showing how to navigate to the additional css menu of the genesis theme customizer

3. Copy and paste this CSS into the Additional CSS editor.

.site-header{
position: absolute;
}
screenshot showing how to specify the css to disable sticky header in genesis theme

4. Click Publish and close the theme customizer.

Now open your site in a new tab and you will see that the header is not sticky anymore as you scroll down. This tweak is very efficient because it will stay there even if you update the theme.

Have you applied the same tweak to disable sticky header in your Genesis child theme? Feel free to share your thoughts in the comments below.

Disclosure: This page may contain affiliate links. If you follow one of those affiliate links and purchase something it will provide me with a little bit of a commission. This costs you nothing extra but helps maintain my site, free plugins, and themes. So I thank you for your support.

Share this:

  • Twitter
  • Facebook
  • Pinterest

Related

Written by Noor Alam · Categorized: wordpress

Reader Interactions

Comments

  1. PaginasPuebla says

    Thank you, that works for me 🙂

    Reply
  2. Sam says

    great, it work for my. but it disable all different size of screen. Could you provide the code that disable sticky header in a Genesis Child Theme only at mobile screen size?

    Thanks

    Reply
  3. Jeremiah Say says

    Thank you! This is really helpful.

    Reply
  4. Oyvind says

    Hi, I just tried this. It’s no longer sticky, but now the start of the content starts at the top of the page instead of after the header. So instead of the header coming first, then the content. The header and the content both start at top so that I cannot see the first 70px of the content.

    Reply
  5. wordpress 插件教程 says

    good tutorial

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Search WP HowTo

Recent Posts

  • How To Disable Sticky Header in a Genesis Child Theme
  • How to Center a Tweet in WordPress
  • How to Add a Free SSL Certificate to Your WordPress Site
  • 34 Best Black Friday & Cyber Monday Discounts for WordPress (2019)
  • Introducing to WordPress Login & Admin Area on Bluehost

Top Posts & Pages

  • Gmail SMTP Plugin for WordPress
    Gmail SMTP Plugin for WordPress
  • WordPress PayPal Plugin
    WordPress PayPal Plugin
  • How to Embed a Video in WordPress
    How to Embed a Video in WordPress
  • SMTP Mailer Plugin For WordPress
    SMTP Mailer Plugin For WordPress
  • Videojs HTML5 Player For WordPress
    Videojs HTML5 Player For WordPress
  • How to Remove/Hide Image From WooCommerce Product Page
    How to Remove/Hide Image From WooCommerce Product Page
  • 6 Free WordPress PayPal Subscription Plugins for Accepting Recurring Payments
    6 Free WordPress PayPal Subscription Plugins for Accepting Recurring Payments
  • Best Cheap WordPress Hosting (2020)
    Best Cheap WordPress Hosting (2020)
  • Simple Universal Google Analytics Plugin for WordPress
    Simple Universal Google Analytics Plugin for WordPress
  • How to Create a PayPal Subscription Button in WordPress
    How to Create a PayPal Subscription Button in WordPress

Copyright © 2021 · WordPress HowTo

This website uses cookies to improve your experience. By continuing, you agree to their use.Got it! Learn More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.

SAVE & ACCEPT