So, I’m trying to make an onepage website, using vantage theme. And I’m having trouble with the sticky menu, as it hides the anchor sections behind it, that are aligned to the top.
In order to prevent this, I was using this code:
h1:before {
display: block;
content: " ";
margin-top: -200px;
height: 200px;
visibility: hidden;
}
And it was working very good, until I changed the metaslider for one of mine, and then starts do appear the “block” that I wish was hidden from visibility.
Someone knows something about it?
Thank you!
Hi Larissa,
I would personally suggest switching to a plugin based solution as CSS methods to do this, as you’ve experienced, can be unreliable. We recommend the excellent Page scroll to id. Once installed please navigate to WP AdminSettingsPage scroll to id and then tick Enable on WordPress Menu links and set the offset to either a manual amount or #masthead
How does that look?
Hi, Alex.
first, thank you. second, it’s not working properly. Even commanding the offset to #masthead or 200px.. simply doesn’t work, the navigation menu is still in front of the content.
Is there any extra configuration? or do i need to set up manually some code?
Hi Larissa,
Would it be possible for you to create a temporary admin account for us so we can log in and take a look?
This is a private message.
Ok,
email sent.
This is a private message.
This is a private message.
This is a private message.
Hi Larissa,
Spotted the issue. Your links aren’t correct.
You were using:
It should be either:
Or just:
—
I changed your offset to 200 rather than a selector.
Thanks!
It’s all good now!
=)