Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Offset Navigation bar

Home Forums Support Offset Navigation bar

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #144786

    I am trying to make it so the navigation bar is offset vertically, so it comes closer to the page content. I am trying to make it look like this image: Is this possible?

    Also, how would I go about adding a vertical and horizontal line around the menu as shown in the image?

    Thank you!


    Hi Maryellen. Is it possible to post a link to your site? It would be really helpful to see the actual layout so we can determine the best approach. Thanks.

    Lead Developer
    Lead Developer

    Hi there,

    Can I see the way you have your site set up now? If you want it to be closer to the content, you can use our Spacing add-on to reduce the padding on top of the content – this will bring the two closer together.

    To add a border on top and bottom, try this CSS:

    .main-navigation {
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.