Jump to content
Sign in to follow this  
chrissyscannell

Full Width Menu

Recommended Posts

chrissyscannell    0
chrissyscannell

Hi

I am trying to figure out how to have my

1.navigation menu go across my entire website &

2. have the menu items centered & spaced out evenly across the content area.

 

I have firebug etc. & have attempted to figure out what to do but can't

I am very new to pagelines, css etc. &  need very simple directions- sorry & thanks!

 

http://www.scannellconstruction.com/

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi Chrissy 

 

Try this 

.main_nav li a {
  padding:10px 28px;
}

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
chrissyscannell    0
chrissyscannell

Hi & Thanks!!

That worked for spacing the menu items out across the content area! - big help

but not to have the menu extend across the full width of page? & still have the items stay where they are

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Chrissy,

 

Do you have Firebug for Firefox or know Chrome's built-in Inspection Tool? These will help you identify the CSS code for each element and test results.

 

Meanwhile, try this:

#nav {
    background: none repeat scroll 0 0 #000000 !important;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
chrissyscannell    0
chrissyscannell

I do have Firebug which I try to use & sometimes am successful with but I find it difficult to pin down exactly where I need to make the changes - I will check out Chrome's built -in inspection tool

 

I tried your suggestion & it worked like a charm but now I have a long mysterious white line under the menu items -I don't know where it came from or how to get rid of it??

Share this post


Link to post
Share on other sites
Rob    547
Rob

That code did not add the border. It was there all along.

 

Try to find this code:

#page .navigation_wrap {
    background: none repeat scroll 0 0 #0D0D0C;
}

Then add this to it:

   border-bottommedium none;

right after the ; on the next line, before the closing curly bracket.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
chrissyscannell    0
chrissyscannell

THANK YOU!!

It worked - I appreciate it!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×