Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 9, 2016 at 10:25 am #595434
    jesseaborden

    Hello,

    I would like to add a button and image link to the sub-menu on my home page. I would like this to add when the sub-menu switches to sticky when the user scrolls down. I think I have it worked out to add these elements in jQuery, but I can’t figure out how to link it to so the script is passed at the same time as the menu switching to fixed position.

    Could you help me with this?

    Thanks!

    March 13, 2016 at 12:15 am #597301
    Josue

    Hi,

    Try opening js/avia.js and look for

    					if(scrolled + modifier > top_pos)
					{
						if(!fixed)
						{
							this.css({top: modifier - bordermod, position: 'fixed'}); fixed = true
						}
					}
					else
					{
						this.css({top: 'auto', position: 'absolute'}); fixed = false
					}

    Change it to:

    					if(scrolled + modifier > top_pos)
					{
						if(!fixed)
						{
							this.css({top: modifier - bordermod, position: 'fixed'}).addClass('menu-fixed'); fixed = true
						}
					}
					else
					{
						this.css({top: 'auto', position: 'absolute'}).removeClass('menu-fixed'); fixed = false
					}

    That should toggle a class of menu-fixed to the submenu container, with that you can modify the appearance of a specific menu item with CSS:

    .menu-fixed .custom-menu-item{
display: block;
}

    Regards,
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.