Before you ask please READ THIS

Anchor and sticky header

in FatMoon Posts: 293
Hello Air
I'm on the verge of finishing a site and have a few final problems... it's a one pager using anchors.
Problem 1: using anchors results of having the sticky header cover a part of the actual section (how can I add/remove "pixels" to show the whole section

Problem 2: the beauty of the anchors is that the active menu highlights itself when scrolling. Now it seems that the active menu is highlighted as soon as it appears into the page.. leading to show the wrong active menu.. how can I change that?

Link: https://test.laqueria.ch

In the screenshot you can see the problem: I clicked "Angebot" and sticky menu cuts off the part of the title. Also when I click "Angebot" the active menu shows "Team"...

Thanks a lot, Pascal
Bildschirmfoto 2019-05-27 um 10.05.59.png
1656 x 1275 - 2M

Comments

  • AirAir
    Posts: 10,970
    Hey:-)
    FLYART said: using anchors results of having the sticky header cover a part of the actual section (how can I add/remove "pixels" to show the whole section
    You can either add padding to the section that anchor refers to or use hiding sticky header : Appearance → Customize → Header Settings → Sticky version → Hiding when scrolling down
    FLYART said: the beauty of the anchors is that the active menu highlights itself when scrolling. Now it seems that the active menu is highlighted as soon as it appears into the page.. leading to show the wrong active menu.. how can I change that?
    It should work like on our demo https://rifetheme.com/chillout2/

    You have to add ID(anchors) to the whole sections, so the script could recognize how big is the area for a particular section of the one page. Now for example for "Angebot" you have an element that has 0px height so it can not be recognized good.

    Please check these instructions on making one pagers https://rifetheme.com/help/docs/content-management/creating-one-page/

    With kind regards.
  • Posts: 293
    Hey Air

    Thanks once more.. easy tricks.. but you have to know :))

    Pascal
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion