How to customize header & align sidebar widget directly under page nav

katekoeppel · Member · Feb 17, 2012 at 7:29 pm
Copy link

Add topic to favorites
I am new to this forum. I”m using the bueno theme and I’ve customized the header, so it is the same width as the body post below. I’d like to move the sidebar up, directly below the page navigation so there will be no blank space between the navigation and the sidebar– I’d like for the header to fit within 660 px, same as the posts below.

The blog I need help with is: (visible only to logged in users)
katekoeppel · Member · Feb 17, 2012 at 7:40 pm
Copy link
http://mpkdesign.wordpress.com/ is the website I am working on
designsimply · Member · Feb 18, 2012 at 12:01 am
Copy link
Welcome!

I’d like to move the sidebar up, directly below the page navigation so there will be no blank space between the navigation and the sidebar

This will move the sidebar in the Bueno theme waaay up. Test it out to see if that’s what you were after. Note that you may need to adjust the top value, especially if you change other CSS later.
```
#content {
  position: relative;
}
#sidebar {
  position: absolute;
  top: -250px;
  right: 0;
}
```
designsimply · Member · Feb 18, 2012 at 12:19 am
Copy link
I’d like for the header to fit within 660 px, same as the posts below.

I basically just overlaid the #sidebar onto the header image in the last example. Another option would be to get rid of all that other #sidebar stuff, and do this instead:
```
#sidebar {
  width:260px;
}
#header {
  padding-bottom: 0;
}
#header-image img {
  margin-top: -155px;
}
```
Try it out. :)
katekoeppel · Member · Feb 18, 2012 at 3:03 am
Copy link
thank you so much! this solves it!
designsimply · Member · Feb 18, 2012 at 1:53 pm
Copy link
Cheers :)

Your blog looks great! May I suggest updating the site title from ‘mpkdesign’ to ‘Mi Piace Kate’ on the Settings → General page. It will be used for bookmarks and search engine listings.
katekoeppel · Member · Feb 20, 2012 at 1:08 am
Copy link
Shoot! Now my page nav has stopped working for my pages HOME, ABOUT, PRESS. could the two issues be related?
designsimply · Member · Feb 21, 2012 at 3:28 pm
Copy link
I checked your site and I see you’re using a different configuration for the header image now and that the top navigation links are working too. Do you still need any help?
katekoeppel · Member · Feb 21, 2012 at 4:22 pm
Copy link
no, thank you so much, I think I have it worked out now!
designsimply · Member · Feb 21, 2012 at 5:09 pm
Copy link
Looks great. I like your site! :)

No items found.