# Portfolio: Bootstrap Navbar breaks down on mobile. any tips? **URL:** \ **Category:** General\ **Created:** [June 9, 2017, 4:50pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445 "2017-06-09T16:50:42Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Jesse-Islam](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jesse-islam/32/109876_2.png) [@Jesse-Islam](https://forum.freecodecamp.org/u/Jesse-Islam)\ **Post date:** [June 9, 2017, 4:50pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/1 "2017-06-09T16:50:43Z")
> **[Jesse's Portfolio](https://codepen.io/Jesse-islam/full/zzrjqx/)** > > ... Hey! So I’m in the process of coding my portfolio and there seems to be an issue with my Navbar becoming non functional when I switch to mobile. It switches to a dropdown menu once the screen is too small, and this drop down menu works fine if I resize my laptop browser and use it. When I open it on my phone, however, there are two issues: 1. The nav bar does not stay fixed to top, and i scroll passed it . 2. the navigation buttons on the nav bar do not work. These are non-issues on a computer, but seem to be an issue on mobile. From my understanding bootstrap is supposed to take care of all that? Any help would be greatly appreciated! EDIT: This appears to only be an issue on apple mobile devices, so if there’s any specific insight into that please let me know! I can’t find anything specific that works… ---
**Author:** ![Learning4Earnings](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/learning4earnings/32/50510_2.png) [@Learning4Earnings](https://forum.freecodecamp.org/u/Learning4Earnings)\ **Post date:** [June 9, 2017, 9:12pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/2 "2017-06-09T21:12:39Z")
I am unable to recreate the problems you are stating you have. I just ran your pen on a droid mini, which has a very narrow screen, and all seemed to function correctly. ---
**Author:** ![Jesse-Islam](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jesse-islam/32/109876_2.png) [@Jesse-Islam](https://forum.freecodecamp.org/u/Jesse-Islam)\ **Post date:** [June 9, 2017, 9:44pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/3 "2017-06-09T21:44:44Z")
I see, I’ve only been testing it on apple mobile devices which leads to the result. Thank you for checking though! This helps narrow down the issue. 😄 ---
**Author:** ![Learning4Earnings](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/learning4earnings/32/50510_2.png) [@Learning4Earnings](https://forum.freecodecamp.org/u/Learning4Earnings)\ **Post date:** [June 9, 2017, 9:59pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/4 "2017-06-09T21:59:41Z")
Also, because your pen works correctly in my desktop browsers both chrome and firefox I would think you are on the right track, thinking it may be an apple specific problem. ---
**Author:** ![owel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/owel/32/48425_2.png) [@owel](https://forum.freecodecamp.org/u/owel)\ **Post date:** [June 9, 2017, 10:10pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/5 "2017-06-09T22:10:42Z")
Is this bootstrap 3 or 4? BS3 works fine on Apple devices. ---
**Author:** ![owel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/owel/32/48425_2.png) [@owel](https://forum.freecodecamp.org/u/owel)\ **Post date:** [June 9, 2017, 10:16pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/6 "2017-06-09T22:16:46Z")
Took a look at your page. You should be using anchor name tag, not anchor Id. ---
**Author:** ![Jesse-Islam](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jesse-islam/32/109876_2.png) [@Jesse-Islam](https://forum.freecodecamp.org/u/Jesse-Islam)\ **Post date:** [June 9, 2017, 10:49pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/7 "2017-06-09T22:49:38Z")
I am using 3.3.7, for both CSS and Javascript. I’ve tried using the name tag instead of ID, however the same issue persists on mobile… I would still use href="#whatever" to reference it right? if so, the issue still persists… I also tried using what Wikipedia uses, to no avail. ---
**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:56pm UTC](https://forum.freecodecamp.org/t/portfolio-bootstrap-navbar-breaks-down-on-mobile-any-tips/125445/8 "2021-01-17T20:56:16Z")