Anchor points as menu items in a submenu

Hi Ismael,
Regarding SUBMENU ISSUES -> Issue n°2 finally fixed with the following code.
Kind regards,
Marie

/* Submenu */
#top .av-subnav-menu {
    margin-right: 40px;
}

Hey Yigit!
1. Thank you very much ! It works ! I just had to adjust at 102px rather than 98.

When you have time, please don’t forget me for following issues :

2. How to adjust anchors/sections positions ? When I click on a submenu item it goes to the good section but the beginning of the section is hidden under the submenu.

3. Anchors don’t work at all in Safari.

And I’m adding a number 4… sorry :)
4. Is there a trick to have a nice smoothing scrolling effect like in the restaurant one page enfold demo ?

Thank you again for your help.

Kind regards,
Marie

Hey!

Anyone can help with this please? See my post from oct.22.
Thank you very much! Cheers!
Marie

———

My last issue on this page remains the position of the anchors : it also moved apparently and it’s better, but it’s adjusted to the exact same level than the section title. I’d rather have it adjusted to the very top of the section (so to have a little “air” above the title) -> have the very top of anchored sections going just under the submenu.

If you want to have a look go on safari as – no idea why… – my header is not fixed anymore on chrome & firefox… (but I already mentioned this in an another thread yesterday / hoping to have some answers soon!).

Hi Josue!

Absolutely, the fixed header issue js solved.
My last issue is the position of the anchors when you “click-to-scroll-to” : when you click on an item in the submenu it goes just at the top of the title text (for example “Gouvernance”) which is not really nice visually. I would like the scroll to go to the top of the section. So to have a little air above the title -> right now the item title sticks to the submenu container… Hope my explanations are not confusing…

Thank you Josue!
Regards,

Marie

• This reply was modified 10 years, 1 month ago by Marie.

Hi!

OK I see… Thank you Ismael.
I tried this and it works apparently -> I just change scroll offset value on line 643, from 10 to 18. See below.

1. Can you confirm I didn’t make a mistake as the code you mention above is “under” the one I changed (in the file)… I just need to be sure I’m not doing something that could cause issues somewhere else…
2. Is there no other way (than touching the native avia.js file) to make this adjustment? not possible in my child theme? I would prefer…

Thanks for your help!
Cheers,

Marie

if($header.css('position') == "fixed")
					{
						var tempPadding  		= parseInt($main.data('scroll-offset'),18) || 0,
							non_shrinking		= parseInt($meta.outerHeight(),10) || 0,
							non_shrinking2		= parseInt($alt.outerHeight(),10) || 0; 

Hey!
This is what I did from what I understood.
– I left the native avia.js file in ‘enfold’ without any modifications.
– I copied it on my desk, changed the line 643 and then put it in my child theme folder
– Then on my child function.php file, I added the code Josue gave (see your link above).

But it didn’t work…(anchors positions worse than before) and even the portfolio in the media page was not working anymore (images invisible)… Well so I deleted the added code on my function.php file for now (see below)… Did I do something wrong? :/

Thanks a lot,
Best regards,
Marie

/*
* Embed modified avia.js file from my child theme
*/

function change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );