Archived

This topic is now archived and is closed to further replies.

  • 0

Full Width Menu

Question

Posted · Report post

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

6 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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;
}

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

THANK YOU!!

It worked - I appreciate it!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Chrissy 

 

Try this 

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

Share this post


Link to post
Share on other sites

Posted · Report post

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