Jump to content


Photo
- - - - -
Resolved

Apply navbar similar to the demo

navbar demo

  • Please log in to reply
9 replies to this topic

#1 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 27 September 2012 - 06:17 PM

I'm trying to apply a navbar exactly like in the demo

Please Login or Register to see this Hidden Content



I've tried various options with fixed navbar but still doesn't get the same result. Am I missing something?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 27 September 2012 - 07:11 PM

Are you referring to the fixed navbar at the top?

#3 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 28 September 2012 - 05:19 AM

I'm referring to the light grey navbar underneath the Feature that tunrs into a fixed navbar once you scroll down.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 September 2012 - 09:56 AM

Hi,

That is called Scroll Spy, see our demo page for information on how to set that up. -

Please Login or Register to see this Hidden Content



#5 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 01 October 2012 - 03:53 AM

Been playing with this quite a bit... can't get it to work. Here's what I added to Custom Code:


<h4 class="scroll-header" title="HOME"></h4>
<p><a href="

Please Login or Register to see this Hidden Content


<h4 class="scroll-header" title="NEWS"></h4>
<p><a href="

Please Login or Register to see this Hidden Content


<h4 class="scroll-header" title="PORTFOLIO"></h4>
<p><a href="

Please Login or Register to see this Hidden Content


<h4 class="scroll-header" title="SUSTAINABILITY"></h4>
<p><a href="

Please Login or Register to see this Hidden Content


<h4 class="scroll-header" title="CONTACT"></h4>
<p><a href="

Please Login or Register to see this Hidden Content



Also, I just can't get it to appear on Blog or Category pages.

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 October 2012 - 07:39 AM

First you need to make sure that the Scroll Spy section is active on the templates you wish to use. Once the section has been added, go to Pages and select your blog page, then in the editor, add HTML that uses scroll-header and title like you have above. Once this code has been added, the Scroll Spy will use these to add them to your scrolling menu.

Can you provide a link to where you have the Scroll Spy active and what is the issue you're having, "Can't get it to work", is a little vague.

#7 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 02 October 2012 - 04:08 PM

No worries. I thought I could use Scroll spy to navigate through the whole site not just within one page. I think that's what the problem is.

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 02 October 2012 - 05:30 PM

Do you need further assistance with anything else?

#9 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 02 October 2012 - 06:40 PM

Not on this topic. Thank you.

#10 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 04 October 2012 - 02:31 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, navbar, demo