Jump to content


Photo

How do I change main-nav width


  • Please log in to reply
7 replies to this topic

#1 lorikb

lorikb

    Member

  • Members

  • 13 posts

Posted 15 September 2011 - 11:58 PM

Hello, I wish to change the width of the main-nav independent of the rest of the content area. My entire content area is 960px, I wish the main-nav to be 920px with a background color and centered. When I try to do this I can't seem to overwrite this line in dynamic.css #site .content, .wcontent, #primary-nav ul.main-nav.nosearch { width: 960px; } I am using a child theme for platform pro. All my other custom css has gone through so I know my custom css file is being read correctly. Any help would be appreciated! Lori
  • assomibatrifs likes this

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 September 2011 - 04:44 AM

Can you please post a link to your site?
  • assomibatrifs likes this

#3 lorikb

lorikb

    Member

  • Members

  • 13 posts

Posted 16 September 2011 - 06:55 PM

Hi Thanks I managed to do it using margins on the unordered list. If I run into browser issues with this I will be back. :) Lori

#4 Rob

Rob

    One Smart Egg

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

Posted 16 September 2011 - 07:02 PM

Glad you resolved this. May I close this topic for you? You may reopen it or create a new one for a different issue.

#5 honeytrek

honeytrek

    Advanced Member

  • Members
  • PipPipPip
  • 58 posts
  • Framework Version:Base - Version 1.4.1 & Platform Pro 1.5.3
  • Country: Country Flag

Posted 24 January 2014 - 12:53 PM

hey guys, i am trying to also modify the main-nav width, and I can't find where/how to adjust that either.

right now it is 740px and causing my nav options to wrap to the next line.

 

SITE: http://HoneyTrek.com

Wordpress 3.8

Platform Pro 1.5.3 with Child Theme

 

any help would be much appreciated,

mike



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16923 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 24 January 2014 - 01:27 PM

Hi Mike,

 

Your nav links are all one one line for me - http://d.pr/i/6KPP

 

However, you can try the following:

 

#site #menu-destinations {
width: 860px;
}

The value 860px will likely need to be reduced as it will cause a style issue.


#7 honeytrek

honeytrek

    Advanced Member

  • Members
  • PipPipPip
  • 58 posts
  • Framework Version:Base - Version 1.4.1 & Platform Pro 1.5.3
  • Country: Country Flag

Posted 24 January 2014 - 03:06 PM

Danny, you are the man, i have been trying to find that forever. I just put that CSS into this file

PlatformBase: Stylesheet (style.css) - that should be ok right? i guess that child theme CSS file overwrites wherever #menu-destinations is set to 740px?

 

You were right 860 was a little long, but at 800 it works perfectly.

 

Thanks again!



#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 January 2014 - 09:34 AM

Hi there, yes that's correct. Platform base stylesheet is the correct place to put your css in a child theme, this will override any of the core code.