• 0
Sign in to follow this  
Followers 0

How do I change main-nav width

Question

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

Can you please post a link to your site?
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

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  
Followers 0