# NavBar PG - Adjust right **URL:** \ **Category:** Beginners\ **Created:** [April 30, 2020, 7:42am UTC](https://forum.pinegrow.com/t/navbar-pg-adjust-right/4039 "2020-04-30T07:42:52Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![Alfredo](https://avatars.discourse-cdn.com/v4/letter/a/e495f1/32.png) [@Alfredo](https://forum.pinegrow.com/u/Alfredo)\ **Post date:** [April 30, 2020, 7:42am UTC](https://forum.pinegrow.com/t/navbar-pg-adjust-right/4039/1 "2020-04-30T07:42:52Z")
Hello people, I’m new to PG and I’m a little rusty in CSS and this is the first time I use BS. As I adjusted the menu (navbar) of the model provided in PG to be on the right and the logo on the left. I imagine it is quite simple. Thank you ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [April 30, 2020, 10:35am UTC](https://forum.pinegrow.com/t/navbar-pg-adjust-right/4039/2 "2020-04-30T10:35:08Z")
Hi @Alfredo - I’m not sure I completely understand your question, but I think what you want is a simple navbar, that on a full screen has the logo on the left and the navigation items on the right. Is this correct? ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/4a24b5cb2daa2107184b3669bc465a903caf2af4.png) To achieve this it is easiest to bring in a navbar from the Components tab of the Library panel, rather than the list ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/4977b341c7354a806a2850db6e48832ceba46225.png) I picked the sixth one down. You may have to enlarge the Library panel to see what they look like on full screen, not mobile. Next, I selected the menu items on the right (“Home Features Pricing Disabled”). In the Tree view it would be the “Navbar collapse” element. ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/e01cd8de5dd96c03e77f796bde0b56b7c52b53bd.png) Next, I would add a new class rather then adding style inline or modifying a bootstrap style rule. I called mine “menu-right” ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6520dd7806cbc062cfc8b664f5087bf324a63544.png) Once you create the rule, edit it in the Style panel. Since the navbar from Bootstrap 4 is set-up with flex box you can put your menu items on the right side of the container by adding “justify-content: flex-end”. ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/40ae8f2a1fdc67b3ff3c5f0bafa99cc5a30e73b4.png) You might also want to add some margin to the right so it isn’t pressed up against the right side so hard. Up to you! Bob ---
**Author:** ![Alfredo](https://avatars.discourse-cdn.com/v4/letter/a/e495f1/32.png) [@Alfredo](https://forum.pinegrow.com/u/Alfredo)\ **Post date:** [May 1, 2020, 12:06am UTC](https://forum.pinegrow.com/t/navbar-pg-adjust-right/4039/3 "2020-05-01T00:06:37Z")
fantastic explanation, thanks for your time and dedication!