Adjusting spacing between header & menu and menu & posts

  • Unknown's avatar

    Hi,

    I am currently trying to update the look of my blog. I am using the Imbalance 2 theme. Using CSS, I have increased the size of the header image so it stretches across the screen and have changed to a horizontal menu, except now there are some issues with spacing and with the sub-menus.

    I would like to:

    1. Increase the spacing between the header image and the menu (not too much but just so it isn’t squashed up against the header like it is now).
    2. Decrease the spacing between the menu and the rest of the blog.
    3. Have the search bar in line with the menu.
    4. Have the three social networking icons all lined up on the one line.
    5. Have clear sub-menus coming down from the main menu categories (if you hover over some of them now, they either cover up the category name or expand over others making it very difficult to read).

    Any help you could give with this would be greatly appreciated.

    Many thanks,

    Jessica

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    1. Add to your CSS and adjust the 10px value.

    #branding {
    margin-bottom: 10px;
    }

    2. This is the best you can hope for (also see #3 below) unless you remove the widgets you’ve put in the upper right widget area.

    #header {
    padding-bottom: 0;
    }

    3.

    #header-left {
    width: 680px !important;
    }

    4. You need to use a text widget and put all three images into it instead of using 3 image widgets. See here for the text widget stuff.

    5. I’m tired tonight and this one needs a clearer head than mine. Hopefully someone will drop around and have a go at it for you soon.

  • Unknown's avatar

    Thank you so much, thesacredpath! That did the trick!

    I have made some adjustments to the menu so that I don’t have so many categories on the homepage, instead I have the sub-categories on a page under ‘Round the World’ which I think will be easier to navigate in the end. So I’m glad you didn’t spend your time on it!

    Thank you so much for all your help and hope you have a good rest :)

  • Unknown's avatar

    You are welcome, and I did have a good rest.

  • The topic ‘Adjusting spacing between header & menu and menu & posts’ is closed to new replies.