Archived topic
How to align text links in nav bar to the right in GeneratePress Premium
7 replies · Started by Trish on March 18, 2023
Hi,
I need help with 3 things to do with the navigation bar.
1.) How do I align the text links in the nav bar to the right?
2.) How do I reduce the white space between the text links in the nav bar?
3.) How do I move the logo to the left a tiny bit in order to decrease the left-hand white space?
For visual of what I'm asking for, here's a screen print: https://www.awesomescreenshot.com/image/38116726?key=ce5db53fc03384615f9f10c06bf040e3
To better understand my three questions, I am trying to mimic the following nav bar: https://www.awesomescreenshot.com/image/38116751?key=34d9fe7602e017b84b26891234c73d5d enough that no one would notice the difference.
Thank YOU in advance,
Trish
Hi there,
1. Go to Customizer > Layout > Primary Navigation and set the Navigation Alignment to Right.
https://docs.generatepress.com/article/navigation-layout/
2. whilst in that setting, reduce the Menu Item Width.
https://docs.generatepress.com/article/menu-item-height-width/
3. Go to Customizer > Layout > Container and set the Container Alignment to Boxes.
https://docs.generatepress.com/article/container-alignment/
Wow, Thank YOU David, you are always so helpful.
Would it be possible to make 2 more tiny adjustments, as shown in the screen print here? https://www.awesomescreenshot.com/image/38126351?key=786a61a14eb5df0c3b5bb452db5242e0
Is there a separate site to refer to? So i can see what the different in the layout is ?
Yes... Thank YOU David... see below...
That site has wider container - if you set the Customizer > Layout > Container to 1240 px you should get the same spacing.
THANK YOU David!
You and Fernando are both soooo helpful.
I truly appreciate the lengths and patience you two have with me.
(BIG HUGS!)
Thanks again,
Trish
Glad we can be of help!