Jump to content


Photo

Navbar Length


Best Answer Danny , 30 April 2013 - 08:01 AM

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;
}
Go to the full post


  • Please log in to reply
4 replies to this topic

#1 attento

attento

    Member

  • Members
  • PipPip
  • 12 posts
  • Country: Country Flag

Posted 30 April 2013 - 02:28 AM

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!



#2 James B

James B

    Advocate

  • Members

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

Posted 30 April 2013 - 03:18 AM

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.pagel...ion/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...argin-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



#3 attento

attento

    Member

  • Members
  • PipPip
  • 12 posts
  • Country: Country Flag

Posted 30 April 2013 - 04:36 AM

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



#4 Danny

Danny

    Is Awesome!

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

Posted 30 April 2013 - 08:01 AM   Best Answer

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;
}


#5 attento

attento

    Member

  • Members
  • PipPip
  • 12 posts
  • Country: Country Flag

Posted 30 April 2013 - 03:38 PM

Aloha Danny,

That worked!  Thanks so much!