Jump to content


Photo
- - - - -

Full Width Menu


Best Answer Rob , 07 February 2013 - 11:12 PM

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.

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 chrissyscannell

chrissyscannell

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 06 February 2013 - 02:14 PM

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!

 

Please Login or Register to see this Hidden Content



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 06 February 2013 - 02:58 PM

Hi Chrissy 

 

Try this 

Please Login or Register to see this Hidden Content



#3 chrissyscannell

chrissyscannell

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 06 February 2013 - 03:55 PM

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



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 February 2013 - 09:50 PM

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:

Please Login or Register to see this Hidden Content



#5 chrissyscannell

chrissyscannell

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 07 February 2013 - 06:05 PM

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??



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 February 2013 - 11:12 PM   Best Answer

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

 

Try to find this code:

Please Login or Register to see this Hidden Content

Then add this to it:

   border-bottommedium none;

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



#7 chrissyscannell

chrissyscannell

    Member

  • Members
  • 15 posts
  • Country: Country Flag

Posted 10 February 2013 - 12:28 PM

THANK YOU!!

It worked - I appreciate it!