Space between header image and navigation menu CSS

Viewing 5 posts - 1 through 5 (of 5 total)
  • #6150

    Hello, I am trying to enter a custom CSS to override the theme CSS that effects the space between the header image and the navigation menu. The CSS change I am entering on the custom CSS entry form is:

    #access:target .menu {
    padding-top: 0px;

    I am not getting the desired result. I have also tried:

    #header input#s {
    width: 0;
    height: 16px;
    padding:0px 0px;
    background:#dedede url(images/search.png) right center no-repeat;
    background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
    box-shadow: none;
    font-family:”Open Sans”, sans-serif;
    text-indent: 16px;
    -moz-transition: width .25s ease, margin .25s ease;
    -webkit-transition: width .25s ease, margin .25s ease;
    -o-transition: width .25s ease, margin .25s ease;
    -ms-transition: width .25s ease, margin .25s ease;
    transition: width .25s ease, margin .25s ease;

    Can you help me?

    Daniel Tara

    The height of the header is given by the line-height property of the #site-title selector.


    Thanks for your reply Daniel, you are a truly talented designer and programmer. I attempted to enter this into my custom CSS panel under the theme options, but I am still not getting the desired effect (actually no effects as of yet)

    #site-description {

    Am i missing something when trying to edit my CSS? I have programming and CSS experience, but relatively new to the WP backend. I ahve entered this code both into the custom CSS panel, as well as directly editing the style.css (just to test) and was not able to implement any changes.

    Thanks for your reply and your help, and again, thanks for your great themes!.


    Sorry, just a follow up. I was able to inspect the CSS elements using the Firebug plugin, I ended up changing the margin of the #sidebar-header to decrease the space between the menu bar and the header image, using this CSS override:

    #sidebar-header {
    float: right;
    height: 90px;
    margin: -65px 0;
    overflow: hidden;
    width: 728px;

    Not sure if this is the best way to do this, but it did end up working for me.

    Thanks Daniel,

    Daniel Tara

    Yes, that was the other part. Forgot that the header widget was also adding margin.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.