• 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

Scroll menu leaving lines

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 › General Discussion › Scroll menu leaving lines

This topic is: not resolved

Tagged: altitude, scroll links

  • This topic has 5 replies, 2 voices, and was last updated 7 years, 4 months ago by chadrossouw.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 5, 2018 at 9:21 am #216098
    chadrossouw
    Member

    Hello,
    My site is here. I'm using the Altitude Pro theme. If I click on a scroll link in the menu, and then scroll back up, it leaves a line across the previous section. It does this in both Chrome and Firefox. I thought the background might be bleeding through, but changing the background-color of the sections makes no difference. I also thought it might have something to do with the negative margins and transparent borders in the CSS:
    .front-page-2,
    .front-page-3,
    .front-page-4,
    .front-page-5,
    .front-page-6,
    .front-page-7 {
    border-top: 54px solid transparent;
    margin-top: -54px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    z-index: 9;
    }
    but if I remove these, the line is drawn exactly between the sections instead.
    Thanks for your help.
    Chad

    http://blackmanrossouw.co.za
    February 5, 2018 at 4:21 pm #216119
    Sridhar Katakam
    Participant

    I don't see the link you are talking about.

    Can you share a screenshot or a screencast showing the problem?


    Genesis Tutorials | Follow me on Twitter

    February 9, 2018 at 5:04 am #216369
    chadrossouw
    Member

    Thank you for your reply. If you take a look at this screenshot, it's the fine white line appearing at the bottom of the section. This line doesn't appear if I scroll down the home page normally, but if I use the navigation, it appears.

    Screenshot

    February 9, 2018 at 5:43 am #216370
    Sridhar Katakam
    Participant

    Interesting.

    The problem can be seen in the theme demo site as well @ https://demo.studiopress.com/altitude/.

    Have you tried contacting StudioPress support about this?


    Genesis Tutorials | Follow me on Twitter

    February 9, 2018 at 7:31 am #216372
    chadrossouw
    Member

    I didn't think to check the demo site! I thought it was my bad CSS skills. I'll contact StudioPress support.

    Thanks for your help.

    February 12, 2018 at 2:49 am #216473
    chadrossouw
    Member

    If anyone else encounters this problem, StudioPress sent the following reply:

    To remove that line, you can change this section of the style.css file:

    /* Display outline on focus */
    :focus {
    color: #333;
    outline: #ccc solid 1px;
    }

    to this:

    /* Display outline on focus */
    :focus {
    color: #333;
    outline: #fff solid 1px;
    }

    Which works if your backgrounds are white. I just removed the outline entirely.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ 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