Moving the anchor for What we do

Hi,
the anchor - What we do = #gkHeader lead little lower that its should be. How can I fix that? Where can I find the anchor position?

Thanks,
Gorast

Could You please post an url to your site?

http://gorast.com/HOSTmaster/luxintegra-mk/

You have reducet padding of some elements. On creativity there is a stick menu, so when browser moves to correct div it needs to have at least same amount of spacing as the height of the header.

I guessed that was it, but is there a way so work around this and keep my padding?

Thanks,
Gorast

If you will reduce padding of all elements with the same ammount, you might look int this js:
templates/gk_creativity/js/gk.scripts.js
into section:

Code: Select all

   // SmoothScroll jQUery substitue
   jQuery('a[href^="#"]').click( function (e) {
       e.preventDefault();
       var target = this.hash,
       $target = jQuery(target);
      
       if($target.length) {
          jQuery('html, body').stop().animate({
              'scrollTop': $target.offset().top
          }, 1000, 'swing', function () {
              window.location.hash = target;
          });
       } else {
          window.location.hash = target;
       }
   });


You can offset the point to where the browser scrolls to:

Code: Select all

 'scrollTop': ($target.offset().top - 50)


Thanks! I'll give it a try

Gorast

If you will reduce padding of all elements with the same ammount, you might look int this js:
templates/gk_creativity/js/gk.scripts.js
into section:

Code: Select all

   // SmoothScroll jQUery substitue
   jQuery('a[href^="#"]').click( function (e) {
       e.preventDefault();
       var target = this.hash,
       $target = jQuery(target);
      
       if($target.length) {
          jQuery('html, body').stop().animate({
              'scrollTop': $target.offset().top
          }, 1000, 'swing', function () {
              window.location.hash = target;
          });
       } else {
          window.location.hash = target;
       }
   });


You can offset the point to where the browser scrolls to:

Code: Select all

 'scrollTop': ($target.offset().top - 50)


Hi,
I just tried that. It offset to the spot but after the ease its jumping to the # anchor. Any ideas how to fix this?

Thanks,
Gorast

I would need to see it live .

You have the link below. you need backend access?

Gorast

But the change you have made is not there. Could you leave it in .js code?

Hello,

Its there again.

URL: http://gorast.com/HOSTmaster/luxintegra-mk

Thanks,
Gorast

You might try to comment out this line:

Code: Select all

window.location.hash = target;


It is just below.

Sadly - this template was not designed to without the paddings.

You might try to comment out this line:

Code: Select all

window.location.hash = target;


This did the job! D

Thanks,
Gorast

ps: Congrats to the new avatar

Thanks .

By the way - please check your site carefully as this change should not damage anything, but this line was there for purpose (yet in your configuration I don't know what would it do), so to be 100% sure that everything works please check all links on the site that links to same page and causes the scroll effect.

Everything works like a charm for now. All links and modules, components...

I tried to do some modification to be like: window.location.hash = target - 50; but I'm not good in scripting so was easy to remove it

If I hit some problems, I'll write here.

Thanks,
Gorast

window.location.hash - this code is used to replace link in browser's address bar .