Jump to content
Sign in to follow this  
lorikb

How do I change main-nav width

Recommended Posts

lorikb    1
lorikb

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

  • Like 1

Share this post


Link to post
Share on other sites
lorikb    1
lorikb
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
Rob    547
Rob
Glad you resolved this. May I close this topic for you? You may reopen it or create a new one for a different issue.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
honeytrek    0
honeytrek

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
Danny    1,327
Danny

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.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
honeytrek    0
honeytrek

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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  

×