Fixed Element showing through row gutters
-
Hey guys,
On the very top of my page I have a text block that I made a fixed element using CSS. That means, scrolling down the page, everything moves except that block of text. Here´s the code:
.fixed-element{
position: fixed;
top: 70px;
left: 0%;
right: 0%;
z-index: 0;
}The moving elements, in this case pictures, scroll up above the text, just as I want it to.
So far, so good, but my problem is that the text is of course showing in the row gutters between the pictures. I made a screenshot of that section, so you know what I mean.
As I didn´t find a way to fill row gutters with a color, I am looking for an alternative way to make the text block not show again once the first image has scrolled above it.
Very grateful for any ideas and suggestions!
Cheers,
Marc -
Dear @ml777
Can you post a link to our website?
Then we can have a look and inspect that.Marius
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login