# Portfolio Site jumps to top on mobile browser - issue in Navbar

**URL:** <https://forum.freecodecamp.org/t/portfolio-site-jumps-to-top-on-mobile-browser-issue-in-navbar/115857>\
**Category:** General\
**Created:** [May 15, 2017, 7:54am UTC](https://forum.freecodecamp.org/t/portfolio-site-jumps-to-top-on-mobile-browser-issue-in-navbar/115857 "2017-05-15T07:54:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![willwaymel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/willwaymel/32/51359_2.png) [@willwaymel](https://forum.freecodecamp.org/u/willwaymel)\
**Post date:** [May 15, 2017, 7:54am UTC](https://forum.freecodecamp.org/t/portfolio-site-jumps-to-top-on-mobile-browser-issue-in-navbar/115857/1 "2017-05-15T07:54:20Z")

</div>

Hi,  
I’ve got an issue where my navbar code is making the site jump back to the top after I scroll down… I’ve been working on this for 5 hours and can’t find any solutions. Please help!

[http://codepen.io/willwaymel/pen/gWzowo](http://codepen.io/willwaymel/pen/gWzowo)

I’m using bootstrap 4.

I’ve tried wrapping the whole thing in a div, adding “-webkit-backface-visibility: hidden;” in the css to the nav element and navbar-nav class, among other things.

Thanks,  
Will

---

<div class="post-metadata">

**Author:** ![PortableStick](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/portablestick/32/65591_2.png) [@PortableStick](https://forum.freecodecamp.org/u/PortableStick)\
**Post date:** [May 15, 2017, 6:04pm UTC](https://forum.freecodecamp.org/t/portfolio-site-jumps-to-top-on-mobile-browser-issue-in-navbar/115857/2 "2017-05-15T18:04:09Z")

</div>

Your Codepen link is broken. Did you figure this out? If you still need help, repost a working link.

---

<div class="post-metadata">

**Author:** ![willwaymel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/willwaymel/32/51359_2.png) [@willwaymel](https://forum.freecodecamp.org/u/willwaymel)\
**Post date:** [May 16, 2017, 9:20am UTC](https://forum.freecodecamp.org/t/portfolio-site-jumps-to-top-on-mobile-browser-issue-in-navbar/115857/3 "2017-05-16T09:20:10Z")

</div>

Thanks for looking into this. Yes, I figured it out… went to Bootstrap 4’s example of headers, and compared line by line with my code. the working link is now [https://codepen.io/willwaymel/pen/VbdbOg](https://codepen.io/willwaymel/pen/VbdbOg). Thanks! There wasn’t any typo, but some different things I was doing. I commented it out in the code in case anyone wants to see for the future what not to do ;).

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:54pm UTC](https://forum.freecodecamp.org/t/portfolio-site-jumps-to-top-on-mobile-browser-issue-in-navbar/115857/4 "2021-01-17T20:54:43Z")

</div>