• 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

Genesis Sample – fixed Header overlays Anchors

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 › Genesis Sample – fixed Header overlays Anchors

This topic is: not resolved

Tagged: anchor, fixed header, genesis sample

  • This topic has 5 replies, 3 voices, and was last updated 4 years, 8 months ago by michaelstumm.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 4, 2019 at 6:47 am #495222
    osp
    Participant

    Dear Studiopress-Community,

    I use the Genesis Framework (3.2.1) and Genesis Sample (3.2.0). The theme uses a fixed header on displays with more than 960px. But the fixed header overlays the anchors - examples:
    https://test.os-privacy.de/cloudfare-fast-safe-internet-5600/#comments
    https://test.os-privacy.de/macos-e-mails-per-s-mime-verschluesseln-5940/#comment-13718
    https://test.os-privacy.de/iphone-backup-external-drive-3911/#Update

    Do you have an idea what I can do to solve my problem?

    https://test.os-privacy.de
    December 4, 2019 at 7:00 am #495227
    AnitaC
    Keymaster

    This is a known issue for themes with sticky headers/navs. There is a plugin for it here - https://wordpress.org/plugins/anchor-block/. I've tested it on another site and it works as expected.


    Need help with customization or troubleshooting? Reach out to me.

    December 4, 2019 at 7:38 am #495230
    osp
    Participant

    Hi Anita! Thank you very much for your answer. I don't think, that the plugin is what I need. I find a solution for the titles:

    .entry-content h1::before,
    .entry-content h2::before,
    .entry-content h3::before,
    .entry-content h4::before,
    .entry-content h5::before,
    .entry-content h6::before {
    display: block;
    content: ' ';
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
    }

    Source: https://wp-styles.de/anker-links-abstand-ohne-javascript-1169/

    But that's no solution for comments like .../#comment-15300

    December 4, 2019 at 8:11 am #495231
    AnitaC
    Keymaster

    Oh, so your reference to anchors was for the titles? Looks like that's a bug in the sample theme. Let me report that for you and see if I can get an answer for you.


    Need help with customization or troubleshooting? Reach out to me.

    December 4, 2019 at 9:45 am #495233
    AnitaC
    Keymaster

    @osp a ticket and fix was set up for there here. Give that a try and post back if that works for you!


    Need help with customization or troubleshooting? Reach out to me.

    November 3, 2020 at 8:29 am #501719
    michaelstumm
    Participant

    Hi Anita,

    I'm using genesis sample, a sticky/fixed header and anchor links in the main navigation.
    The mobile navi don't close/disappear by click anchor links.

    Do you have any idea?

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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

© 2025 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