Navigation Bar Width

[parklifeclothes]

I am trying to reduce the width of the navigation bar to be the same width as my logo/header. Have search and played around with different files but no joy yet, any ideas?

Thanks,

Darron

[TraceyG]

Hi Darron,

I think you are using the 'Executive' Theme, and if so then you can try the following:

- go to the 'Design' menu and select 'Library'
- on the 'Layouts' tab, expand the 'Web Page Outer Layout' group (click the '+')
- double-click on the 'Actinic Stylesheet' to edit it
- click somewhere on the stylesheet and then right-click and select 'Find'
- enter 'page_menu' (without the apostrophes) in the search field and click 'Find Next in Code' (this is line 318 on a default stylesheet)
- you should see:

	.page_menu	{
		background-color: <actinic:variable name="Palette2" />;
		margin: 0px 0px 0px 0px;
		}

add in:

width: 762px;

so it looks like:

	.page_menu	{
		background-color: <actinic:variable name="Palette2" />;
		margin: 0px 0px 0px 0px;
		width: 762px;

		}

- click 'Apply' and 'OK' and then close the 'Library'
- then you need to edit your 'overall layout' (usually 'Works Best with Executive' if using the Executive Theme)
- locate:

<div class="page_menu" align="center">

- add the following directly before this line:

<div align="center">

- then a little further down the layout you should see:

<!-- END MAIN MENU -->

- directly before this line add:

</div>

- click 'Apply' and your navigation bar should be the same width and aligned with your logo/header.

If you are using actinic Brochure pages then you will also need to do the above to the 'Works Best with Executive Brochure Pages' layout.

I hope this helps.