Support » Themes and Templates » Moving Navi Menu Down

  • Resolved caraanne

    (@caraanne)


    In an attempt to add social media icons to the top right of my page (here) I somehow managed to move the logo down too far. I went back to remove the icons, which worked in putting the logo back, but moved the navigational menu up.

    How can I move the navigational menu back down to align with the bottom of the logo?

    Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • If all you’re trying to accomplish is to move that down, I would adjust the top margin of #access. That should push it down where you want it.

    Have you given up on the social media icons, or would you still like to put them up on the top right?

    Thread Starter caraanne

    (@caraanne)

    Thanks so much!

    I would still like to put them on the top right, but without moving anything else around.

    Ok, I’ll work up a fiddle for you. Give me a few minutes.

    Ok, so this isn’t exactly copy and paste, but it should give you a good starting point as to how to block things out and position them so that you have more control over them.

    Check out this fiddle here

    Basically, I took your header container and divided it up into 2 blocks:
    1. left-header (green) – Contains your site title
    2. right-header – Contains social media & menu

    Then I subdivided right-header into 2 more blocks:
    1. social-media (red) – Put your social media icons here
    2. access (blue) – This contains your menu

    This gives you definitive blocks to place your content into without worrying about it shifting around on you. If you don’t want the right side divided evenly on the horizon, you can just adjust the heights of social-media and access to where you like them.

    When you place the elements inside of the blocks, just give them padding and/or margins to space them properly within their blocks.

    Like I said, its not exactly a cut and paste solution because I don’t know all the inner workings of your template, but it should give you a good starting point to get to where you’re trying to go.

    I hope this helps some.

    Thread Starter caraanne

    (@caraanne)

    Thank you so much! Very helpful!

    Glad to be of service. Good luck with your site!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Moving Navi Menu Down’ is closed to new replies.