Problem with anchors

Hello,

I've put some anchors on my website's pages for going from a menu (at the top of the page) to differents places of the page. But when I click on the menu links, the anchors don't work properly, and the links don't go to the exact place of the page: they almost always go some lines under the correct position.

How could I solve this problem.

my web site "www.sevengraphix.com"

Anchors with problems. (Novedades, Productos and Quienes somos)

Thank you.

Well, sadly there is no 100% way to do that. To understand why You need to know how anchors work and why they don't work well with Creativity .
When You create element with ID, and anchor link to that ID browser scrolls the page, so top of the html element with that particular ID reach top of browsers viewport.
Now on creativity there is a floating menu that hide some part of the viewport - so it also hides the content after scrolling to the anchor position.
To avoid that problem, on home page we are using big top padding of elements that we scroll to. You can easily use the same method:

Code: Select all

#gkBottom1 .box{
padding: 102px 0!important;
}


102px of top padding is enough.

Another method would be to catch anchor menu links click with javascript, prevent browser scrolling and scroll with JS + use offset so the element is right where it should be.

Sorry but Im new on this, where could I found that code to modified?

#gkBottom1 .box{
padding: 102px 0!important;
}

thank you.

This is just a sample css code fragment. Jf You would like to apply same padding on your elements, use override.css and enable it in template settings.

Thank you,

It works perfectly

If You will have any other questions, feel free to post new forum threads.
I'm closing the topic.