WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Moving Navi Menu Down (8 posts)

  1. caraanne
    Member
    Posted 8 months ago #

    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!

  2. Robert Bardall
    Member
    Posted 8 months ago #

    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.

  3. Robert Bardall
    Member
    Posted 8 months ago #

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

  4. caraanne
    Member
    Posted 8 months ago #

    Thanks so much!

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

  5. Robert Bardall
    Member
    Posted 8 months ago #

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

  6. Robert Bardall
    Member
    Posted 8 months ago #

    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.

  7. caraanne
    Member
    Posted 8 months ago #

    Thank you so much! Very helpful!

  8. Robert Bardall
    Member
    Posted 8 months ago #

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

Reply

You must log in to post.

About this Topic

Tags