title: How to edit NavItem of Navbar component in Bootstrap Studio?
body: <p>Problem: I am using <strong>Stylish Portfolio</strong> template to design a quick website in <strong>Bootstrap Studio</strong>. I am unable to edit the default <code>NavItem</code> (Home, About, Services and so on) from the <code>Navbar</code> component as shown in image below.</p>
  <p><a href="https://i.stack.imgur.com/93Q3M.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/93Q3M.jpg" alt="Navigation Bar" /></a></p>
  <p>Other components can be easily edited by double clicking on that component. But, the NavBar is hidden by default and shows only when we click on a hamburger icon. So, I am unable to edit the default fields of <code>NavBar</code>.</p>
  <p>Here is the screenshot of the <strong>Bootstrap Studio</strong> editor.
  <a href="https://i.stack.imgur.com/nS1vj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nS1vj.jpg" alt="editor" /></a></p>
  <p><strong>What I have tried</strong>: By converting the component into HTML by <code>Convert to HTML</code> option, Bootstrap Studio gives the corresponding raw HTML file to edit and I was able to change the values from there. But, I think there must be a better way to edit the elements directly in Bootstrap studio instead. What am I missing? Please help!</p>