Adding offset value to smooth scrolling anchor links

Looking for an answer to this as well.
Thank you Kriesi team!
-Mac

Hey Phet,

it seems you just can do that, if you modify the file “avia.js”. You need to redo it after every Enfold-update.

Go to: – /enfold/js/avia.js – and open it.

Search the function ( ” $.fn.avia_smoothscroll = function(apply_to_container) ” ). It starts round about at line 700.

There you need to find this condition –> if(container.length)

change the following code:

						if(container.length)
						{
							var cur_offset = the_win.scrollTop(),
								container_offset = container.offset().top,
								target =  container_offset - fixedMainPadding,
								hash = window.location.hash,
								hash = hash.replace(/\//g, ""),
								oldLocation=window.location.href.replace(hash, ''),
								newLocation=this,
								duration= data.duration || 1200,
								easing= data.easing || 'easeInOutQuint';

against this:

						if(container.length)
						{
							var usersviewportWidth = $(window).width();

							if(usersviewportWidth > 767 ){
								var myOffset = 75;
							} else {
							 	var myOffset = 0;
							}

							var cur_offset = the_win.scrollTop(),
								container_offset = container.offset().top,
								target =  container_offset - fixedMainPadding + myOffset,
								hash = window.location.hash,
								hash = hash.replace(/\//g, ""),
								oldLocation=window.location.href.replace(hash, ''),
								newLocation=this,
								duration= data.duration || 1200,
								easing= data.easing || 'easeInOutQuint';

Please note the line: “var myOffset = 75;”

This value depends on your settings and perhaps you need to adjust it. If you change the breakpoint for mobile-menu, you have also to change this (767) –> if(usersviewportWidth > 767 ) — to the value your breakpoint is set.

Perhaps in a future update it is possible to adjust this from the options-panel.

Good luck, best regards