Tagged: Fixed Header
Hi,
I have a post with some lists inside and a index that links to the beginning of each list. The problem is that i have a header that it’s always visibile, and when I click on one of the title of the index, i go to the title of that list, but the title is hidden by the header.
So, I need a CSS code, that i hasn’t been able to find in other topics, to make my header attached to the top of the page (and fixed there), but only in that specific post. Can you help me.
(I already know the post id)
Thank you!
Luca
Hey viaggiareverde,
Can you try to use this format on your headings:
<h2 class="anchortag_wrap"><a name="valigia" class="anchortag"></a> VALIGIA</h2>
then on Quick CSS section (located in Enfold > General Styling), add this css code:
.anchortag_wrap {
position: relative !important;
}
.anchortag_wrap a.anchortag {
position: absolute;
top: -80px;
}
Let us know if this helps :)
Best regards,
Nikko
Hi Nikko,
Thank for your answer. I tried your solution, that is still active, but it does not seem to work. It’s like the -80px is not working. Is there a way to just let the header be on the top of this specific page, so not always visible scrolling the page?
Thank you
Hi viaggiareverde,
I can see you have already changed the heading in the right format however I could not see the css code I gave reflecting on your site, can you try to disable minification and flush out the cache. Let us know if it works.
Best regards,
Nikko
Hi Nikko,
problem solved flushing out the cache. Thanks for your very helpful support.
Have a nice day!
Luca
Hi Luca,
Glad that it worked :) Thanks for using Enfold and have a great day!
Best regards,
Nikko