Scroll menu leaving lines

[chadrossouw]

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

[Sridhar Katakam]

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

[chadrossouw]

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.

[Sridhar Katakam]

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

[chadrossouw]

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.

[chadrossouw]

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