Nav Bar Stretching!

**Anthrakur** · 18 September 2012, 10:32 AM

Dumb question with probably an easy fix!

Is there any command in D7P to get the nav bar to auto (or manually) fit the full width of the page? It just looks a bit odd and I can`t seem to find the solution!

A picture speaks a thousand words:

Click image for larger version.

Name: ScreenHunter_01 Sep. 18 11.27.jpg
Views: 124
Size: 27.0 KB
ID: 92228

**gwpriester** · 18 September 2012, 01:01 PM

I moved your thread to the Web Design Chat.

This may work. Divide the empty space by 7 (the number of spaces between the existing buttons). Ungroup the nav bar to edit and increase the width of the home button by that amount. Recreate the nav bar. The distance between the text and the left and right edges of the buttons is the same.

To do this, double click on the nav bar to open the Navigation Bar Properties menu. There is an option in the lower left to upgroup for editing. Click the button.

You will need to edit just the button part and not the text, so hold down the Ctrl key and click the button shape and add just the width to the button. You need to do this for both button states.

**gwpriester** · 18 September 2012, 03:51 PM

Having just attempted this (unsuccessfully) you may need to divide the number in half since the amount is added to each side of the button.

**gwpriester** · 18 September 2012, 03:57 PM

Arg! Never mind.

**Anthrakur** · 19 September 2012, 09:28 AM

Cheers GW! I found the same, the buttons went superwide! Think its sorted now, thanks!

**xtom** · 19 September 2012, 10:52 AM

I had a go at this myself and I think one way to do it is if you divide the page width by the number of buttons and make the first button that size. Then in the navbar dialog uncheck "adjust button widths to labels" and it should make the buttons fill the width of the page. You might be out a pixel or so if the button width doesn't divide evenly into the page width but if it ends up short you could put a background image behind the navbar that matches the look of the navbar so the gap isn't so noticible or if you go over it should clip it to the page anyway so it might not be an issue but not sure about that and depends if you have page clipping on.