Archived topic

Fixed menu and jump into content problem

5 replies · Started by Nikola on January 4, 2020

Viewing posts 1–6 of 6

January 4, 2020 at 4:43 pm #1122232

Please look into the example page (my website). I used fixed menu and I have links in the "Contents" section that jump into the page.
But the problem is that Title of that section got hidden behind the menu.

I found online people talking about that problem - https://stackoverflow.com/questions/4086107/fixed-page-header-overlaps-in-page-anchors

I did try to add this CSS:

h2:before, h3:before{
 padding-top: 140px; margin-top: -140px;
	display: block;
  content: "";
}

In Additional CSS.

But it didn't work.

I removed that CSS now from "Additional CSS".

Do you have any idea how to fix this?

January 4, 2020 at 4:51 pm #1122235

Hi there,

I would recommend using our smooth scroll script:
https://docs.generatepress.com/article/smooth-scroll/

This option is also integrated with the sticky navigation, so the top of your anchor point isn’t hidden.

Let me know if this helps :)

January 4, 2020 at 4:55 pm #1122236

I did activate that option - but I still see the same problem.

January 4, 2020 at 5:08 pm #1122244

Which menu item are you referring to?

Make sure you add the correct class according to the article linked above and not just activate the option in the customizer.

January 4, 2020 at 5:21 pm #1122249

Ah I see now that I need to add class="smooth-scroll" to all titles.
Is there some easy way to add class="smooth-scroll" to all H3 tags in website?
Imagine that I have 1000 pages and each has many sections.

January 4, 2020 at 6:25 pm #1122263

Unfortunately I don't believe so.

This archived topic is closed to new replies.

Start building better websites today.