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

  • Author
    Posts
  • #826803

    katekoeppel
    Member

    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 mpkdesign.wordpress.com.

    #826934

    katekoeppel
    Member

    http://mpkdesign.wordpress.com/ is the website I am working on

    #827069

    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;
    }
    #827075

    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. :)

    #827091

    katekoeppel
    Member

    thank you so much! this solves it!

    #827107

    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.

    #827144

    katekoeppel
    Member

    Shoot! Now my page nav has stopped working for my pages HOME, ABOUT, PRESS. could the two issues be related?

    #827148

    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?

    #827149

    katekoeppel
    Member

    no, thank you so much, I think I have it worked out now!

    #827150

    Looks great. I like your site! :)

The topic ‘How to customize header & align sidebar widget directly under page nav’ is closed to new replies.