I am trying to make the fixed nav in enfold remain the same size as the user scrolls. I have acheived the sizing but the text links still scroll inside the container and I can’t find the command to keep them centred. See here: http://noodle.19grams.co.uk
Hello tocal!
Please add following code to Quick CSS as well
.main_menu ul:first-child > li a { line-height: 100px!important; }
Your website looks awesome by the way!
Regards,
Yigit
Thanks Yigit!
This doesn’t seem to solve the problem though. When you scroll down the page te background, logo and highlights stay static but the text links move upwards.
Any ideas?
Hello!
Have you tried flushing browser cache and refreshing page a few times?
Line-height changes to 50px once you scroll down. CSS code above forces it to stay 100px
Cheers!
Yigit
Aha, yes it was just cache’d really heavily. While I have you, I have another question…
I have all my links as in-page anchor links, like
<a href="#chapter3"></a>
and I really want them to be ‘eased’ when the page jumps like the ‘back to top’ button does. Is that something I can do? Is there a class which I can add to those tags to attach that animation?
Just like when you click the #numbers on the top corners of these posts.
Hello!
JavaScript files cannot be found http://i.imgur.com/WcS0Hkv.jpg please try uploading them again :)
Cheers!
Yigit
Ignoring those scripts, is there no way I can use the scripts powering the ‘back to top’ button that comes with the theme?
Proplem solved. There’s a great plugin that did all the hard work for me. Check it out: http://www.blogsynthesis.com/wordpress-jquery-smooth-scroll-plugin/#utm_source=wpadmin&utm_medium=plugin&utm_campaign=smoothscrollplugin
Hello!
Glad you solved it! I think now you should showcase your website here https://kriesi.at/support/topic/enfold-showcase/ if you have not already ;)
Regards,
Yigit
Thanks Yigit, will do!