Jump to content


Photo
- - - - -

move the position of the navbar

position navbar bottom main

  • Please log in to reply
3 replies to this topic

#1 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 14 September 2012 - 02:40 PM

Hi,

I have a site for a client, and trying to change the position for the navbar. The navbar is in the middle of the image, I want it at the bottom of the image. How do I do that?

Thank you for the help :)

Here is the site

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

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

Posted 14 September 2012 - 03:23 PM

You will need to use Custom CSS to move the navbar down. For instructions on how to do this, please see:

Please Login or Register to see this Hidden Content

You'll also need to use the margin-top property to move it:

Please Login or Register to see this Hidden Content



#3 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 14 September 2012 - 04:40 PM

Ah okey. So I copy the entire PageLines Framework's stylesheet over to the PageLines-Customize/style.css. And I just then change the code?

Where in the style.css file can I find the code so I can change the margin-top?

I'm pretty new with web design so I really appreciate the help!


#4 Rob

Rob

    One Smart Egg

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

Posted 14 September 2012 - 11:34 PM

Not necessary to copy everything over. Just add code to pagelines-customize/style.css.

However, you could also put a footer on that page and add the menu in the footer, via Dashboard > PageLines > Drag & Drop without coding or any CSS.

Unlike my good colleague, I don't recommend CSS in this case as it would result in changes to the placement of the menu on subsequent pages and posts.





Also tagged with one or more of these keywords: position, navbar, bottom, main