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!
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?
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.
- The topic ‘Moving Navi Menu Down’ is closed to new replies.