Jump to content
Sign in to follow this  
attento

Navbar Length

Recommended Posts

attento    0
attento

Hi, I am new to adjusting Pagelines using CSS.

 

I would like to make the length of my navbar extend more to the right side so that all the menu options fit on one page.

I downloaded the Pagelines Customization plugin but that works for color of the navbar.

 

Can anyone assist with this?

The site is http://creationmeditation.com/

 

Thank you!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

You'll need to use css to affect the right-margin on the nav. If you've not used css before take a look at http://support.pagelines.me/docs/customization/custom-css/ which will give you an overview on the process of editing css and the tools we suggest you use to find and edit the code. Removing the right margin will stop the nav text from falling down onto the second line.

 

To find out about the margin-right property see - http://www.w3schools.com/cssref/pr_margin-right.asp

 

The code that you edit in firebug can be copy/pasted directly into the custom code box in Pagelines>site options>custom code or into the style.css of the customize plugin.

 

screencast.com/t/4ZzAcl1Hxptl


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

Thanks James.

I don't know what some of this means.

I used to be able to go into Editor in WP and make the change from there.

I read the CSS info you provided and it sounds like the Customize Plugin is what I want to use since I added it today.

Also, I downloaded Firebug, but I can't seem to find a way to open it.

I am sorry for these remedial questions. Usually once I have the basics I can figure stuff out!

Thanks for your patience with me.

Any further assistance you can provide is greatly appreciated!

Adriana

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi Adriana,

 

We aren't really allowed to simply provide CSS to achieve your layout/design, we prefer to give resources that will assist users to achieve this themselves. However, I have provided the code below which will resolve your issue.

 

#page .main_nav {
margin-right: 0;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
attento    0
attento

Aloha Danny,

That worked!  Thanks so much!

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  

×