Scroll not working

Hello,

The #menu link works. The problem is that this id is already on the navigation menu itself, so when you click the #menu link, it actually scrolls the page all the way to the top (exactly where the navigation menu is).

You can test this by scrolling down the page by few pixels (before the menu becomes sticky) and then click on the #menu link. The page will scroll to the top, cause that’s where the first menu id is.

When you scroll the page down and the menu becomes sticky, clicking the #menu link won’t do anything because the menu (which has the menu id) is floating at the top of the viewport.

Hope this make sense ??

Basically, the problem is that your theme already has the id menu on its navigation menu. It just happens that you have a section with an actual food menu that you gave the id menu. That’s why it conflicts. Id attributes should always be unique.

The solution is simple:

Change your target id from menu to something else, e.g. our-menu. And then change the link from /shawarma2/#menu to /shawarma2/#our-menu.

That’s it.

Let me know if it worked.

You’re the best! Thanks again brother.

Just one question more, the second links need to set ofset for this onlin link.

How can i adjust the ofset for it?

thanks!

i had another behavior with my links on revolution slider, these links just JUMP to the id not scroll.

any idea about it?

Thanks!!!

1.Offset

You can use plugin’s offset option or you can offset the presupuesto target via CSS like this:

@media only screen and (min-width: 1240px){
  #presupuesto{
    padding-top: 60px;
    margin-top: -60px;
  }
}

The above will offset the target section by the height of your menu (60px) on desktop.

To do the same using plugin’s offset option, go to “Page scroll to id” settings, change the “Offset” option value to:

#Top_bar:width(>1239)

save changes and you’re set.

2.Revolution slider buttons

These buttons are not handled by “Page scroll to id” (i.e. do not scroll the page smoothly) because they are not link elements.
Both buttons are div elements created and handled by the Revolution slider script.

“Page scroll to id” handles only standard links (i.e. anchor elements <a />) with a proper URL (href) value.

Not sure if/how you can do this but if you can change these buttons to actual links, they’ll work.