10 Replies - 5616 Views - Last Post: 23 July 2012 - 01:04 PM

#1 sagarrai000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 01-July 12

Fixed the Nav Menu while scrolling : How To

Posted 12 July 2012 - 10:26 PM

Dear Members,

I'm looking to make a menu to be fixed something like
http://www.zendesk.com/


Initially on its current location, as scrolled the menu sticks on with the scrolling.

I tried with child theme and given the code

#navigation {
position: fixed;
top: 35px;
z-index: 5555;
}


It doesn;t seem to be working.

Need assistance please

Is This A Good Question/Topic? 0
  • +

Replies To: Fixed the Nav Menu while scrolling : How To

#2 BenignDesign  Icon User is online

  • holy shitin shishkebobs
  • member icon




Reputation: 5753
  • View blog
  • Posts: 10,077
  • Joined: 28-September 07

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 08:15 AM

Are you able to show us the HTML associated with your css code snippet?
Was This Post Helpful? 0
  • +
  • -

#3 sagarrai000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 01-July 12

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 08:27 AM

Open the link given on my first post. HTML and CSS can be seen there itself.
Was This Post Helpful? 0
  • +
  • -

#4 menukadevinda  Icon User is offline

  • D.I.C Regular

Reputation: -7
  • View blog
  • Posts: 470
  • Joined: 14-April 11

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 08:49 AM

simply give their class to your menu. and place their css files in correct place.
Was This Post Helpful? 0
  • +
  • -

#5 sagarrai000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 01-July 12

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 08:52 AM

Buddy I can do that but I won't gain any knowledge. I want to know the code which makes the difference. How is it possible that menu-nav stays at its own position and once scrolled down it also start moving down.
Was This Post Helpful? 0
  • +
  • -

#6 menukadevinda  Icon User is offline

  • D.I.C Regular

Reputation: -7
  • View blog
  • Posts: 470
  • Joined: 14-April 11

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 09:05 AM

css position:fix does that.first of all go through css tutorial (available thousands of them in thei internet.) and try to write a own menu. there are also tutorial for that.

what I think is when u come acorss each css that u dont have right understand, refer the resources.
that's the css. otherwise u have to ask question by question.

if it is difficult to understand what that css mean post here.
Was This Post Helpful? 0
  • +
  • -

#7 sagarrai000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 01-July 12

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 09:16 AM

I did have look on SOURCE file on chrome browser, what I see is when its on top,

<div> ... </div>



And as soon as scrolled it changes to

<div style="position: fixed; top: 1px......">..</div>


So I was curious whether he is making use of Child theme or its element.style on parent theme.
Was This Post Helpful? 0
  • +
  • -

#8 menukadevinda  Icon User is offline

  • D.I.C Regular

Reputation: -7
  • View blog
  • Posts: 470
  • Joined: 14-April 11

Re: Fixed the Nav Menu while scrolling : How To

Posted 13 July 2012 - 10:05 AM

check this out

[url]http://www.w3schools.com/Css/tryit.asp?filename=trycss_position_fixed[/url]
Was This Post Helpful? 0
  • +
  • -

#9 BenignDesign  Icon User is online

  • holy shitin shishkebobs
  • member icon




Reputation: 5753
  • View blog
  • Posts: 10,077
  • Joined: 28-September 07

Re: Fixed the Nav Menu while scrolling : How To

Posted 16 July 2012 - 10:49 AM

So... you are asking us to help you fix your code by looking at someone else's code and telling you what you've done wrong?
Was This Post Helpful? 0
  • +
  • -

#10 sagarrai000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 01-July 12

Re: Fixed the Nav Menu while scrolling : How To

Posted 16 July 2012 - 11:59 AM

Yes something like that. I need a similar navbar but not sure how to do it. I have coded same to certain extend but not successful.
Was This Post Helpful? 0
  • +
  • -

#11 BenignDesign  Icon User is online

  • holy shitin shishkebobs
  • member icon




Reputation: 5753
  • View blog
  • Posts: 10,077
  • Joined: 28-September 07

Re: Fixed the Nav Menu while scrolling : How To

Posted 23 July 2012 - 01:04 PM

I can't tell you what you have done wrong without seeing your code.

I can't troubleshoot my work by looking at Google's code just as I can't troubleshoot your work by looking at Zendesk's code.

If you can't show me your code, I cannot be of any further assistance.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1