Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #165236

    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:


    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!



    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?



    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



    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.



    JavaScript files cannot be found please try uploading them again :)



    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: (Purchase code hidden if logged out) /#utm_source=wpadmin&utm_medium=plugin&utm_campaign=smoothscrollplugin



    Glad you solved it! I think now you should showcase your website here if you have not already ;)



    Thanks Yigit, will do!

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Fixed Nav size in Enfold’ is closed to new replies.