• 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

Eleven40 Pro – How To Unfixed Header Scroll?

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 › Eleven40 Pro – How To Unfixed Header Scroll?

This topic is: resolved

Tagged: Eleven40-Pro

  • This topic has 5 replies, 2 voices, and was last updated 3 years, 11 months ago by weng33.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 18, 2019 at 12:45 am #490712
    weng33
    Participant

    How to unfix the header scroll of the Eleven40 Pro theme?

    April 18, 2019 at 5:11 am #490717
    Terry
    Member

    Morning,

    If you're comfortable editing your themes style.css file, on or around line 1037 comment out or delete the following css declaration:

    position: fixed;
    

    Or use the Customizer (Customize => Additional CSS) to add the following:

    .site-header {
    	position: static;
    }
    

    Hope this helps.
    Terry

    April 18, 2019 at 6:28 pm #490737
    weng33
    Participant

    Thanks, Terry

    The 2nd method of using custom CSS (Customize => Additional CSS) works.

    But, the only problem is that, the H1 Title & the sidebar been pushed further down leaving a large blank gap at the top of the pages.

    Any solution?

    Thanks.

    April 19, 2019 at 4:51 am #490745
    Terry
    Member

    Please share a link to your site.

    April 19, 2019 at 5:01 am #490746
    Terry
    Member

    If you're comfortable editing your themes style.css file, on or around line 572 comment out or delete the following css declaration on .site-inner:

        /* margin: 65px 0 40px; */
    }

    Or use the Customizer (Customize => Additional CSS) to add the following:

    .site-inner {
        margin: 0 0 40px;
    }

    Victor has a nice tutorial on using your browsers inspector here. You can set that margin-top value (the first number in the margin statement) to whatever you prefer.

    Hope this helps.
    Terry

    April 19, 2019 at 3:10 pm #490754
    weng33
    Participant

    Hi, Terry

    The header gap issue solved by adding the code into the Customize CSS.

    .site-inner {
    margin: 0 0 40px;
    }

    Really appreciate your help. Thanks

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Eleven40 Pro – How To Unfixed Header Scroll?’ is closed to new 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