How to replace navbrand item with image/logo?


I just bought bootstrap studio to try it out and have been having trouble replacing items with other items because they are "locked"?

Any help would be apreciated.

In the Component pane (top left) type in image, then drag that to the brand section and drop anywhere you want in the brand section. Click in the brand section and remove the default text. Double click the image component you dragged in and import your image or select from the list if you already did that.

You can not unlock locked components in order to keep the components semantic and function property.


But this will make the image super small.

Use CSS to either increase the size of the image (width and height) or the space that the image is in.