• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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 disable sticky header in Author Pro?

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to disable sticky header in Author Pro?

This topic is: not resolved

Tagged: Author Pro, site-header, sticky header

  • This topic has 2 replies, 2 voices, and was last updated 4 years, 5 months ago by Pippi.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 18, 2018 at 7:30 am #222590
    Pippi
    Member

    I can't figure out how to stop the header from staying at the top of the page when visitors scroll down. Is there a way to remove, disable or turn off this setting?

    I've tried adding this to the Additional CSS in the Customize area, as I saw someone suggested it in another thread:
    .navbar-fixed-top {
    position: absolute;
    }

    It did absolutely nothing. I'm baffled. Does anyone know how to do this? Thank you so much!

    Cheers,
    Lisa

    August 18, 2018 at 8:13 am #222591
    Brad Dalton
    Participant

    Link to your site please when asking CSS related questions so one can inspect the element.

    Line 1140 of style.css you'll find this CSS rule :

    .site-header {
        background-color: #7a8690;
        color: #fff;
        min-height: 120px;
        position: fixed;
        width: 100%;
        z-index: 498;
    }
    

    You can remove these 2 declarations so the rule is modified to this :

    .site-header {
        background-color: #7a8690;
        color: #fff;
        min-height: 120px;
        width: 100%;
    }
    

    Also look for these 2 classes which will require some attention and the js > global.js file which includes some jQuery for the shrink effect.

    .featured-widget-area
    .site-inner
    

    That should get you started.


    Get Help – Book Consultation.

    August 19, 2018 at 4:36 am #222606
    Pippi
    Member

    Thank you! That worked! I truly appreciate the help 🙂

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

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble