Okay
  Public Ticket #171014
Sub-nav menus on specific pages?
Closed

Comments

  • David started the conversation

    Ugh...clients! Mine wants a sub-nav on one particular page that jumps to sections within the same page. He doesn't want it in a sidebar, he wants it horizontal at the top of the page, below the page header. He wants the menu to be "fixed" so it's always in view. How can I do this for him?

  •  1,070
    ThemeNectar replied

    Hey David,

    this would actually take some custom development. I assume you know how to actually make the anchor links that will lead to various sections of the page - you can just make them in a div you place at the top of the editor (in the text tab) and then give the div an id you will then create the css to keep it fixed at the top. After you create the HTML markup in the page if you need help with the css just provide me a URL to the page and log in :)

    Cheers

  •   David replied privately
  •  1,070
    ThemeNectar replied

    Hey again David!

    I've added this into your init.js file at the top which sorts it:

     
    $(window).scroll(function(){
      	if($(window).scrollTop() > 0){
           $('#top-fixed-subnav').stop().animate({'margin-top':'-100px'},250);
        } else {
           $('#top-fixed-subnav').stop().animate({'margin-top':'-70px'},250);
        }
      });
    
    Cheers :)
  • David replied

    Oh man...that is so awesome. *Sniff*...it's beautiful!! Thanks so much...works like a charm!

  • eric replied

    hey I need a fixed subnav menu - but not to jump inside the page to different sections - but easier - just jump to other pages.

    so if you are in residential > need a horizontal sticky subnav that can then goto residential remodeling, residential construction, etc...

    so how can I get a horizontal sticky subnav for this theme?

  •  8,839
    Tahir replied

    Hey Eric!

    As Nectar Mentioned this would require custom work. Please consider hiring a freelancer over at Envato Studio. 

    Thanks


    ThemeNectar Support Team