Jump to content


Photo
- - - - -

move the position of the navbar

position navbar bottom main

This topic has been archived. This means that you cannot reply to this topic.
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

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

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.